文件名称:jQuery层叠式图片切换焦点图插件
文件大小:257KB
文件格式:RAR
更新时间:2022-09-12 11:08:42
jQuery插件
之前我们为大家分享过一款jQuery内容层叠滚动切换动画插件,主要是针对文字的层叠式切换。今天要介绍的也是一款层叠式切换插件,不过它是一款jQuery焦点图应用,除了当前的图片,我们可以看到所有图片的一部分,切换后显示下一张图片,切换动画是层叠式的效果。 下面我们一起来看看实现这款jQuery层叠式图片切换焦点图的具体细节。 HTML代码 HTML代码非常简单,主要是使用了ul列表将所有图片列出来,当然需要在ul外面包一层div,并将div的class设置成carousel,因为后面jQuery调用时需要找到这个节点,具体代码如下:
- >
【文件预览】:
jquery-layered-image-player
----css()
--------index.css(914B)
----img()
--------photo_2.jpg(43KB)
--------photo_3.jpg(33KB)
--------right.png(4KB)
--------photo_4.jpg(49KB)
--------photo_1.jpg(39KB)
--------left.png(4KB)
--------photo_5.jpg(50KB)
----index.html(1KB)
----js()
--------jquery.min.js(91KB)
--------index.js(8KB)