以下是分享的20几个不错的图片特效插件,基于jQuery和CSS3。
1、jQuery图片下滑切换播放效果
这是一款基于jQuery的焦点图插件,这款焦点图的特点是有向下滑动的动画效果,滑到底部时,有弹跳的效果,焦点图很霸气,非常不错。
在线演示 / 素材下载
2、jQuery带闹钟功能的数字时钟
这是一款基于jQuery的数字时钟,这款时钟的特点是带有闹钟功能,你可以为时钟设置多少时间后开启闹铃,很实用吧。
在线演示 / 素材下载
3、jQuery平面时钟
这款jQuery时间插件非常有特色,它是一款平面时钟,时钟可以显示年月日、星期、时分秒,该时间插件利用一种时钟图片结合jQuery让图片中的时间走动起来。
在线演示 / 素材下载
4、jQuery百叶窗幻灯片效果
这是一款多风格的jQuery百叶窗幻灯片图片网页素材,该jQuery图片播放插件十分小巧,可以自定义图片的数量,随机百叶窗效果。
在线演示 / 素材下载
5、CSS3立体动感进度条
这是一款纯CSS3实现的进度条,该进度条可以用来展示用户技能,不同的技能程度进度条会有不同的值,再加上其立体的效果,这款进度条就更加漂亮了。
在线演示 / 素材下载
6、jQuery无限极手风琴图片展示
这是一款基于jQuery的图片手风琴插件,我们可以定义无限张图片,点击图片的侧边,即可以展开大图,手风琴效果还不错。
在线演示 / 素材下载
7、jQuery曲线图片播放插件
这款jQuery图片播放插件的特点是图片切换的时候有一条流畅的曲线,非常时候播放一些产品宣传图片。
在线演示 / 素材下载
8、Google Doodle粘土动画
这是Google Doodle设计的Logo图标,该动画是为了纪念粘土大师而设计的,该动画是利用一张图片实现的,通过播放图片中不同的帧来实现这个动画。
在线演示 / 素材下载
9、jQuery图片缩放插件Zoomer
jQuery图片缩放插件Zoomer,Zoomer是一款非常出色的jQuery图片处理插件,Zoomer可以帮助你放大缩小图片,并可以在缩放图片时浏览大图,如果你需要浏览一些高清图片,建议使用Zoomer插件。
演示地址 / 源码下载
10、jQuery图片3D旋转播放插件
jQuery图片3D旋转播放插件,这是一款强大的jQuery图片旋转播放插件,3D的效果大大增强了该插件的视觉感受。图片提供自动播放,也提供手动切换,如果在你的产品首页上应用这款jQuery插件将为页面增色不少。
在线演示 / 源码下载
11、jQuery 3D图片展示效果,带图片描述
这是一款基于jQuery和CSS3的3D图片展示效果,图片一开始躺在桌面上,点击图片时,图片就像站起来一样展示出来,非常有立体的感觉,并且图片展示时带有图片描述的toolTip。
在线演示 / 源码下载
12、jQuery仿QQ窗口抖动特效
这是一款基于jQuery的图片抖动特效,遗憾的是这款仿QQ抖动特效仿的不是很完美,但是也算是很有创新。
在线演示 / 源码下载
13、jQuery原始图片对比插件
对图片渲染加工后,如果你想和原图做对比,那么这款jQuery原始图片对比插件就能很方便地帮你实现图片对比功能。鼠标拖动滑杆,就可在原图上对加工后的图片进行对比。
在线演示 / 源码下载
14、jQuery流水线图片滚动插件
这是一款基于jQuery的图片滚动插件,该插件的特点是图片以流水线的方式流动,效果十分酷。
在线演示 / 源码下载
15、jQuery下一张图切换效果
这个jQuery插件主要实现下一张图片的切换,当鼠标移过当前图片时,图片右侧将会显示一个半透明的下一张按钮区域,点击该区域就能切换到下一张图片,并且切换时有动画效果。
在线演示 / 源码下载
16、jQuery右侧带缩略图焦点图插件
这是一款功能强大的jQuery焦点图插件,该jQuery焦点图的特点是右侧可以展开一行缩略图和描述,点击相应选项即可播放相应的图片,该jQuery焦点图的扩展性也很强。
在线演示 / 源码下载
17、jQuery前后翻页焦点图
这也是一款非常出色的jQuery焦点图插件,从焦点图的外观看,该jQuery焦点图虽没有过多的修饰,但看起来十分大方。从焦点图的功能看,该jQuery焦点图拥有自动播放图片、手动切换图片、随机图片切换动画,我想这些功能足够你使用了。
在线演示 / 源码下载
18、jQuery抖动动画焦点图
这是一款基于jQuery的动画焦点图,该焦点图在切换图片的时候会出现抖动动画,是一款很时尚的jQuery焦点图。
在线演示 / 源码下载
19、jQuery手风琴图片切换效果,支持横向和纵向
这是一款基于jQuery的手风琴效果,这款手风琴插件功能相对完善,也满足横向和纵向的模式,用户也可以灵活地定义不同的外观样式。
在线演示 / 源码下载
20、jQuery实现3D圆盘图片播放,支持鼠标滚轮
这款相片播放工具是基于jQuery实现的3D圆盘类型的,图片像是在圆盘上旋转一样,支持鼠标滚轮,而且图片有漂亮的tooltip。
在线演示 / 源码下载
21、jQuery带文字描述的焦点图
这是一款基于jQuery的宽屏焦点图,该jQuery焦点图带有文字描述,文字描述区域和原图之间透明显示,非常大气。
在线演示 / 源码下载
22、jQuery宽屏带缩略导航焦点图
这款焦点图有两个特点,第一就是宽屏,够大气。第二就是带有缩略图导航,方便浏览大图片。
在线演示 / 源码下载
23、jQuery抖动式图片切换效果
这也是一款基于jQuery的图片切换插件,不过图片切换的时候会产生抖动的特效,你可以在演示页面点击切换下一张图片看看。
在线演示 / 源码下载
大家有什么问题或技术上的想法可以在此与大家分享,也可以加入前端爱好者QQ群(141999928)一起学习进步:
【幸凡前端技术交流群】
如果您觉得本文的内容对您的学习有所帮助,捐赠与共勉,支付宝(左)或微信(右)