![20+功能强大的jQuery/CSS3图片特效插件 20+功能强大的jQuery/CSS3图片特效插件](https://image.shishitao.com:8440/aHR0cHM6Ly9ia3FzaW1nLmlrYWZhbi5jb20vdXBsb2FkL2NoYXRncHQtcy5wbmc%2FIQ%3D%3D.png?!?w=700&webp=1)
以下是分享的20几个不错的图片特效插件,基于jQuery和CSS3。
1、jQuery图片下滑切换播放效果
这是一款基于jQuery的焦点图插件,这款焦点图的特点是有向下滑动的动画效果,滑到底部时,有弹跳的效果,焦点图很霸气,非常不错。
![20+功能强大的jQuery/CSS3图片特效插件 20+功能强大的jQuery/CSS3图片特效插件](https://image.shishitao.com:8440/aHR0cDovL2RsMi5pdGV5ZS5jb20vdXBsb2FkL2F0dGFjaG1lbnQvMDA4OC80MDAyL2I0NGMyZGYzLTc5ODEtM2Q0MC05NDE5LTA5NmNmYzQ3ZWY1Mi5qcGc%3D.jpg?w=700&webp=1)
2、jQuery带闹钟功能的数字时钟
这是一款基于jQuery的数字时钟,这款时钟的特点是带有闹钟功能,你可以为时钟设置多少时间后开启闹铃,很实用吧。
![20+功能强大的jQuery/CSS3图片特效插件 20+功能强大的jQuery/CSS3图片特效插件](https://image.shishitao.com:8440/aHR0cDovL2RsMi5pdGV5ZS5jb20vdXBsb2FkL2F0dGFjaG1lbnQvMDA4OC8zOTg4LzU5MGU4YjZmLWM5YjEtM2Q2Ni04NWY0LTlhM2Y2NzE5Y2ZiOS5qcGc%3D.jpg?w=700&webp=1)
3、jQuery平面时钟
这款jQuery时间插件非常有特色,它是一款平面时钟,时钟可以显示年月日、星期、时分秒,该时间插件利用一种时钟图片结合jQuery让图片中的时间走动起来。
![20+功能强大的jQuery/CSS3图片特效插件 20+功能强大的jQuery/CSS3图片特效插件](https://image.shishitao.com:8440/aHR0cDovL2RsMi5pdGV5ZS5jb20vdXBsb2FkL2F0dGFjaG1lbnQvMDA4OC80MDA0L2Q1ODdhMGRkLTE5MWEtM2U5NS1iMmI3LTIwZDJhMTc1ZTBiZi5wbmc%3D.png?w=700&webp=1)
4、jQuery百叶窗幻灯片效果
这是一款多风格的jQuery百叶窗幻灯片图片网页素材,该jQuery图片播放插件十分小巧,可以自定义图片的数量,随机百叶窗效果。
![20+功能强大的jQuery/CSS3图片特效插件 20+功能强大的jQuery/CSS3图片特效插件](https://image.shishitao.com:8440/aHR0cDovL2RsMi5pdGV5ZS5jb20vdXBsb2FkL2F0dGFjaG1lbnQvMDA4OC80MDA2LzIwNWIyZWE4LWQxYTItMzI4Ni1hNWRmLTQ2N2I1YzgwMTdjMy5wbmc%3D.png?w=700&webp=1)
5、CSS3立体动感进度条
这是一款纯CSS3实现的进度条,该进度条可以用来展示用户技能,不同的技能程度进度条会有不同的值,再加上其立体的效果,这款进度条就更加漂亮了。
![20+功能强大的jQuery/CSS3图片特效插件 20+功能强大的jQuery/CSS3图片特效插件](https://image.shishitao.com:8440/aHR0cDovL2RsMi5pdGV5ZS5jb20vdXBsb2FkL2F0dGFjaG1lbnQvMDA4OC8zOTkxLzc4NWRmZTllLTdhMmEtMzMxOC1hNDgwLWQ3ODI1NjQwYmNkMi5wbmc%3D.png?w=700&webp=1)
6、jQuery无限极手风琴图片展示
这是一款基于jQuery的图片手风琴插件,我们可以定义无限张图片,点击图片的侧边,即可以展开大图,手风琴效果还不错。
![20+功能强大的jQuery/CSS3图片特效插件 20+功能强大的jQuery/CSS3图片特效插件](https://image.shishitao.com:8440/aHR0cDovL2RsMi5pdGV5ZS5jb20vdXBsb2FkL2F0dGFjaG1lbnQvMDA4OC80MDEwL2Y0YTI3ZThhLWVjYzUtM2JjYS04ZDQzLTA5OWE1YTBjMzRhYy5wbmc%3D.png?w=700&webp=1)
7、jQuery曲线图片播放插件
这款jQuery图片播放插件的特点是图片切换的时候有一条流畅的曲线,非常时候播放一些产品宣传图片。
![20+功能强大的jQuery/CSS3图片特效插件 20+功能强大的jQuery/CSS3图片特效插件](https://image.shishitao.com:8440/aHR0cDovL2RsMi5pdGV5ZS5jb20vdXBsb2FkL2F0dGFjaG1lbnQvMDA4OC80MDA4Lzc0MGJhZjA3LTY3NGQtMzI2ZC05ODRmLTQ0MzFiMmJjOWQ3Yi5qcGc%3D.jpg?w=700&webp=1)
8、Google Doodle粘土动画
这是Google Doodle设计的Logo图标,该动画是为了纪念粘土大师而设计的,该动画是利用一张图片实现的,通过播放图片中不同的帧来实现这个动画。
![20+功能强大的jQuery/CSS3图片特效插件 20+功能强大的jQuery/CSS3图片特效插件](https://image.shishitao.com:8440/aHR0cDovL2RsMi5pdGV5ZS5jb20vdXBsb2FkL2F0dGFjaG1lbnQvMDA4OC8zOTk4LzU3NzU5NzAwLTY4ZTYtMzVkOS05NzY3LWUzMzViZmQ3Yzg2YS5wbmc%3D.png?w=700&webp=1)
9、jQuery图片缩放插件Zoomer
jQuery图片缩放插件Zoomer,Zoomer是一款非常出色的jQuery图片处理插件,Zoomer可以帮助你放大缩小图片,并可以在缩放图片时浏览大图,如果你需要浏览一些高清图片,建议使用Zoomer插件。
![20+功能强大的jQuery/CSS3图片特效插件 20+功能强大的jQuery/CSS3图片特效插件](https://image.shishitao.com:8440/aHR0cDovL2RsMi5pdGV5ZS5jb20vdXBsb2FkL2F0dGFjaG1lbnQvMDA4OS8xNzE5L2VlN2RiMTMzLTBmYjEtMzc5Yy04ZjIxLTM5NTA1NTZhZjQwMC5qcGc%3D.jpg?w=700&webp=1)
10、jQuery图片3D旋转播放插件
jQuery图片3D旋转播放插件,这是一款强大的jQuery图片旋转播放插件,3D的效果大大增强了该插件的视觉感受。图片提供自动播放,也提供手动切换,如果在你的产品首页上应用这款jQuery插件将为页面增色不少。
![20+功能强大的jQuery/CSS3图片特效插件 20+功能强大的jQuery/CSS3图片特效插件](https://image.shishitao.com:8440/aHR0cDovL2RsMi5pdGV5ZS5jb20vdXBsb2FkL2F0dGFjaG1lbnQvMDA4OS8xNzIxLzRlOTRhMGY3LWNlNjgtMzlmNi1hZDc2LTEyODRkN2Q1YmQxNS5qcGc%3D.jpg?w=700&webp=1)
11、jQuery 3D图片展示效果,带图片描述
这是一款基于jQuery和CSS3的3D图片展示效果,图片一开始躺在桌面上,点击图片时,图片就像站起来一样展示出来,非常有立体的感觉,并且图片展示时带有图片描述的toolTip。
![20+功能强大的jQuery/CSS3图片特效插件 20+功能强大的jQuery/CSS3图片特效插件](https://image.shishitao.com:8440/aHR0cDovL2RsMi5pdGV5ZS5jb20vdXBsb2FkL2F0dGFjaG1lbnQvMDA4OS8xNzIzL2NlZTZkZGU4LTQyZWQtMzJjYi1hY2JkLWQ5NGQwYTE5MjM1MS5qcGc%3D.jpg?w=700&webp=1)
12、jQuery仿QQ窗口抖动特效
这是一款基于jQuery的图片抖动特效,遗憾的是这款仿QQ抖动特效仿的不是很完美,但是也算是很有创新。
![20+功能强大的jQuery/CSS3图片特效插件 20+功能强大的jQuery/CSS3图片特效插件](https://image.shishitao.com:8440/aHR0cDovL2RsMi5pdGV5ZS5jb20vdXBsb2FkL2F0dGFjaG1lbnQvMDA4OS8xNzI2LzFiMmU5NmQ5LTM2N2UtM2IxMy05ODBiLTcxMzhiMDA1MDg0My5qcGc%3D.jpg?w=700&webp=1)
13、jQuery原始图片对比插件
对图片渲染加工后,如果你想和原图做对比,那么这款jQuery原始图片对比插件就能很方便地帮你实现图片对比功能。鼠标拖动滑杆,就可在原图上对加工后的图片进行对比。
![20+功能强大的jQuery/CSS3图片特效插件 20+功能强大的jQuery/CSS3图片特效插件](https://image.shishitao.com:8440/aHR0cDovL2RsMi5pdGV5ZS5jb20vdXBsb2FkL2F0dGFjaG1lbnQvMDA4OS8xNzI1LzI2Yzk0ZDVhLTdkY2UtMzg5YS04NzZlLTRkMmVkY2NjYzA5ZS5qcGc%3D.jpg?w=700&webp=1)
14、jQuery流水线图片滚动插件
这是一款基于jQuery的图片滚动插件,该插件的特点是图片以流水线的方式流动,效果十分酷。
![20+功能强大的jQuery/CSS3图片特效插件 20+功能强大的jQuery/CSS3图片特效插件](https://image.shishitao.com:8440/aHR0cDovL2RsMi5pdGV5ZS5jb20vdXBsb2FkL2F0dGFjaG1lbnQvMDA4OS8xNzI5LzZjMzRkNWNlLTUwOWItMzc3My04NDZlLTMwYzQ5MTQxMDcxNy5qcGc%3D.jpg?w=700&webp=1)
15、jQuery下一张图切换效果
这个jQuery插件主要实现下一张图片的切换,当鼠标移过当前图片时,图片右侧将会显示一个半透明的下一张按钮区域,点击该区域就能切换到下一张图片,并且切换时有动画效果。
![20+功能强大的jQuery/CSS3图片特效插件 20+功能强大的jQuery/CSS3图片特效插件](https://image.shishitao.com:8440/aHR0cDovL2RsMi5pdGV5ZS5jb20vdXBsb2FkL2F0dGFjaG1lbnQvMDA4OS8xNzMxLzA0ZGFmZGZmLTA2MTAtMzRjMy04NzgzLTllYWVhMzRhNDU5Ni5qcGc%3D.jpg?w=700&webp=1)
16、jQuery右侧带缩略图焦点图插件
这是一款功能强大的jQuery焦点图插件,该jQuery焦点图的特点是右侧可以展开一行缩略图和描述,点击相应选项即可播放相应的图片,该jQuery焦点图的扩展性也很强。
![20+功能强大的jQuery/CSS3图片特效插件 20+功能强大的jQuery/CSS3图片特效插件](https://image.shishitao.com:8440/aHR0cDovL2RsMi5pdGV5ZS5jb20vdXBsb2FkL2F0dGFjaG1lbnQvMDA5MC8wMDg3LzFjNmFmMTVjLWFjZDQtMzNjYS05YTJmLTZmM2FiZGJiYzBjNC5qcGc%3D.jpg?w=700&webp=1)
17、jQuery前后翻页焦点图
这也是一款非常出色的jQuery焦点图插件,从焦点图的外观看,该jQuery焦点图虽没有过多的修饰,但看起来十分大方。从焦点图的功能看,该jQuery焦点图拥有自动播放图片、手动切换图片、随机图片切换动画,我想这些功能足够你使用了。
![20+功能强大的jQuery/CSS3图片特效插件 20+功能强大的jQuery/CSS3图片特效插件](https://image.shishitao.com:8440/aHR0cDovL2RsMi5pdGV5ZS5jb20vdXBsb2FkL2F0dGFjaG1lbnQvMDA5MC8wMDg5L2NmMzQ2ZTI0LTJhZGQtM2U0OC05YmQzLWM5MDc3NTEzZWY2ZS5qcGc%3D.jpg?w=700&webp=1)
18、jQuery抖动动画焦点图
这是一款基于jQuery的动画焦点图,该焦点图在切换图片的时候会出现抖动动画,是一款很时尚的jQuery焦点图。
![20+功能强大的jQuery/CSS3图片特效插件 20+功能强大的jQuery/CSS3图片特效插件](https://image.shishitao.com:8440/aHR0cDovL2RsMi5pdGV5ZS5jb20vdXBsb2FkL2F0dGFjaG1lbnQvMDA5MC8wMDkxLzY3MjJmMjgzLTYyYzctMzEzNy1hOGNhLTZkY2Y3MjU5Yjk2Yy5qcGc%3D.jpg?w=700&webp=1)
19、jQuery手风琴图片切换效果,支持横向和纵向
这是一款基于jQuery的手风琴效果,这款手风琴插件功能相对完善,也满足横向和纵向的模式,用户也可以灵活地定义不同的外观样式。
![20+功能强大的jQuery/CSS3图片特效插件 20+功能强大的jQuery/CSS3图片特效插件](https://image.shishitao.com:8440/aHR0cDovL2RsMi5pdGV5ZS5jb20vdXBsb2FkL2F0dGFjaG1lbnQvMDA5MC8wMDkzLzdkMjZhN2FkLTkzNjItM2ExMy04NTQ1LTdiOTU1MTgyOGUzYy5qcGc%3D.jpg?w=700&webp=1)
20、jQuery实现3D圆盘图片播放,支持鼠标滚轮
这款相片播放工具是基于jQuery实现的3D圆盘类型的,图片像是在圆盘上旋转一样,支持鼠标滚轮,而且图片有漂亮的tooltip。
![20+功能强大的jQuery/CSS3图片特效插件 20+功能强大的jQuery/CSS3图片特效插件](https://image.shishitao.com:8440/aHR0cDovL2RsMi5pdGV5ZS5jb20vdXBsb2FkL2F0dGFjaG1lbnQvMDA5MC8wMDk1L2NkY2RjNjA3LWEyN2QtMzY2Zi1hOWUwLTI1NWM4MmM0NzM5Zi5qcGc%3D.jpg?w=700&webp=1)
21、jQuery带文字描述的焦点图
这是一款基于jQuery的宽屏焦点图,该jQuery焦点图带有文字描述,文字描述区域和原图之间透明显示,非常大气。
![20+功能强大的jQuery/CSS3图片特效插件 20+功能强大的jQuery/CSS3图片特效插件](https://image.shishitao.com:8440/aHR0cDovL2RsMi5pdGV5ZS5jb20vdXBsb2FkL2F0dGFjaG1lbnQvMDA5MC8wMDk3LzI5Nzg4OGQ2LWNjODYtMzUwNy1hYjAyLTNlMWE0MmFjOWQyYi5qcGc%3D.jpg?w=700&webp=1)
22、jQuery宽屏带缩略导航焦点图
这款焦点图有两个特点,第一就是宽屏,够大气。第二就是带有缩略图导航,方便浏览大图片。
![20+功能强大的jQuery/CSS3图片特效插件 20+功能强大的jQuery/CSS3图片特效插件](https://image.shishitao.com:8440/aHR0cDovL2RsMi5pdGV5ZS5jb20vdXBsb2FkL2F0dGFjaG1lbnQvMDA5MC8wMDk5LzJlYTc0YWU0LTZhYTktM2IyMC1iYTY5LWYxMWY1M2Q3MzZlZi5qcGc%3D.jpg?w=700&webp=1)
23、jQuery抖动式图片切换效果
这也是一款基于jQuery的图片切换插件,不过图片切换的时候会产生抖动的特效,你可以在演示页面点击切换下一张图片看看。
![20+功能强大的jQuery/CSS3图片特效插件 20+功能强大的jQuery/CSS3图片特效插件](https://image.shishitao.com:8440/aHR0cDovL2RsMi5pdGV5ZS5jb20vdXBsb2FkL2F0dGFjaG1lbnQvMDA5MC8wMTAwL2U0ODg3YzgwLTkyMTItM2ExMi1iOThlLWMwMTA2YjJhODllNi5qcGc%3D.jpg?w=700&webp=1)