插件描述:今天我要给大家介绍一款动画的照片堆叠插件,两张照片之间有多种切换效果可供我们选择,而这些效果仅仅使用到了css3,所以要想使用该插件,就必需是支持css3的浏览器和设备。该插件也会更新到可以像幻灯片一样去使用。
今天我要给大家介绍一款动画的照片堆叠插件,两张照片之间有多种切换效果可供我们选择,而这些效果仅仅使用到了css3,所以要想使用该插件,就必需是支持css3的浏览器和设备。该插件也会更新到可以像幻灯片一样去使用。
使用步骤
1、引入以下的js和css文件
2、在body标签中加入以下格式的html代码,整个外部容器就是一个ID为 photos 的ul标签元素,里面包含的每张图片则是一个 li 标签,而图片是以背景图片的形式显示的。
Landscape5
Landscape4
Landscape3
Landscape2
Landscape1
[/code]
3、插入导航按钮的 html 代码,实际上就是两个 a 标签
该插件没有提供参数配置,不过大家可以查看js源码去修改相关的参数。
如果觉得《html动画图片重叠 不一样的层叠照片动画-ANIMATED CSS3 PHOTO STACK》对你有帮助,请点赞、收藏,并留下你的观点哦!