效果图1
效果图2
效果图3
效果图
喜好的朋友可以去下载源代码(http://www.htmleaf.com/jQuery/Image-Effects/201707274652.html)
下载完后解压
源代码
这时我们可以将自己喜好的图片放入img文件夹,然后右键点击index.html文件,找到background-image: url(img/g1.jpg)
将括号里面的图片路径改成你自己须要展示的图片路径就可以展示自己的图片了!
其他三个html文件修正方法一样!
不知道如何发布在自己电脑的同学可以看下我之前发布的文章→(原来自己建网站这么大略!
)
修正源代码
文章源代码地址:http://www.htmleaf.com/jQuery/Image-Effects/201707274652.html