文件名称:jQuery 3D圆盘旋转焦点图 支持鼠标滚轮
文件大小:142KB
文件格式:RAR
更新时间:2022-09-12 04:02:15
Uncategorized
之前我们分享过很多炫酷实用的jQuery焦点图插件了,今天介绍的这款jQuery焦点图非常特别,所有图片围成一个圆圈,组成一个立体视觉的圆盘,并且可以旋转选择圆盘中的图片。另外,这款jQuery 3D圆盘旋转焦点图插件还支持鼠标滚轮,可以让你更方便地浏览图片。 接下来分析一下实现这款jQuery 3D焦点图的具体过程和源代码,代码主要由HTML、CSS以及jQuery组成,由于JS的参与,相对比较复杂。 HTML代码:
-
Image description
-
>
【文件预览】:
jquery-3d-circle-image-slider
----index.html(3KB)
----images()
--------image2.jpg(5KB)
--------image11.jpg(6KB)
--------image9.jpg(5KB)
--------image6.jpg(4KB)
--------image7.jpg(6KB)
--------image12.jpg(4KB)
--------image1.jpg(4KB)
--------image19.jpg(4KB)
--------image13.jpg(5KB)
--------image10.jpg(3KB)
--------image4.jpg(3KB)
--------image14.jpg(5KB)
--------name.jpg(12KB)
--------image15.jpg(5KB)
--------image3.jpg(3KB)
--------image5.jpg(4KB)
--------image8.jpg(5KB)
--------image18.jpg(3KB)
--------image17.jpg(6KB)
--------image16.jpg(5KB)
----js()
--------jquery.carousel.min.js(9KB)
--------jquery.mousewheel.js(2KB)
--------jquery-1.7.1.min.js(92KB)
----css()
--------carousel.css(2KB)
--------left.png(2KB)
--------bg.jpg(3KB)
--------playpause.png(1KB)
--------thumb.png(2KB)
--------track.png(2KB)
--------arrows.png(1KB)
--------right.png(2KB)
--------style.css(2KB)