网页前端设计

http://www.86y.org
feedskyQQ邮箱

搜索文章

23个功能强大的jQuery/CSS3图片特效插件

关注我吧
 2013/10/11 11:43:02 阅读次数:2347

以下是分享的20几个不错的图片特效插件,基于jQuery和CSS3。

1、jQuery图片下滑切换播放效果

这是一款基于jQuery的焦点图插件,这款焦点图的特点是有向下滑动的动画效果,滑到底部时,有弹跳的效果,焦点图很霸气,非常不错。

23个功能强大的jQuery/CSS3图片特效插件

 

在线演示    /   素材下载

2、jQuery带闹钟功能的数字时钟

这是一款基于jQuery的数字时钟,这款时钟的特点是带有闹钟功能,你可以为时钟设置多少时间后开启闹铃,很实用吧。

23个功能强大的jQuery/CSS3图片特效插件



在线演示    /    素材下载
 

3、jQuery平面时钟

这款jQuery时间插件非常有特色,它是一款平面时钟,时钟可以显示年月日、星期、时分秒,该时间插件利用一种时钟图片结合jQuery让图片中的时间走动起来。

23个功能强大的jQuery/CSS3图片特效插件



在线演示    /    素材下载



4、jQuery百叶窗幻灯片效果

这是一款多风格的jQuery百叶窗幻灯片图片网页素材,该jQuery图片播放插件十分小巧,可以自定义图片的数量,随机百叶窗效果。

23个功能强大的jQuery/CSS3图片特效插件



在线演示    /    素材下载



5、CSS3立体动感进度条

这是一款纯CSS3实现的进度条,该进度条可以用来展示用户技能,不同的技能程度进度条会有不同的值,再加上其立体的效果,这款进度条就更加漂亮了。

23个功能强大的jQuery/CSS3图片特效插件



在线演示    /    素材下载



6、jQuery无限极手风琴图片展示

这是一款基于jQuery的图片手风琴插件,我们可以定义无限张图片,点击图片的侧边,即可以展开大图,手风琴效果还不错。

23个功能强大的jQuery/CSS3图片特效插件



在线演示    /     素材下载



7、jQuery曲线图片播放插件

这款jQuery图片播放插件的特点是图片切换的时候有一条流畅的曲线,非常时候播放一些产品宣传图片。

23个功能强大的jQuery/CSS3图片特效插件



在线演示    /    素材下载


8、Google Doodle粘土动画

这是Google Doodle设计的Logo图标,该动画是为了纪念粘土大师而设计的,该动画是利用一张图片实现的,通过播放图片中不同的帧来实现这个动画。

23个功能强大的jQuery/CSS3图片特效插件



在线演示    /    素材下载

9、jQuery图片缩放插件Zoomer

jQuery图片缩放插件Zoomer,Zoomer是一款非常出色的jQuery图片处理插件,Zoomer可以帮助你放大缩小图片,并可以在缩放图片时浏览大图,如果你需要浏览一些高清图片,建议使用Zoomer插件。

23个功能强大的jQuery/CSS3图片特效插件



演示地址    /    源码下载



10、jQuery图片3D旋转播放插件

jQuery图片3D旋转播放插件,这是一款强大的jQuery图片旋转播放插件,3D的效果大大增强了该插件的视觉感受。图片提供自动播放,也提供手动切换,如果在你的产品首页上应用这款jQuery插件将为页面增色不少。

23个功能强大的jQuery/CSS3图片特效插件



在线演示    /    源码下载



11、jQuery 3D图片展示效果,带图片描述

这是一款基于jQuery和CSS3的3D图片展示效果,图片一开始躺在桌面上,点击图片时,图片就像站起来一样展示出来,非常有立体的感觉,并且图片展示时带有图片描述的toolTip。

23个功能强大的jQuery/CSS3图片特效插件



在线演示    /    源码下载



12、jQuery仿QQ窗口抖动特效

这是一款基于jQuery的图片抖动特效,遗憾的是这款仿QQ抖动特效仿的不是很完美,但是也算是很有创新。

23个功能强大的jQuery/CSS3图片特效插件



在线演示    /    源码下载

13、jQuery原始图片对比插件

对图片渲染加工后,如果你想和原图做对比,那么这款jQuery原始图片对比插件就能很方便地帮你实现图片对比功能。鼠标拖动滑杆,就可在原图上对加工后的图片进行对比。

23个功能强大的jQuery/CSS3图片特效插件



在线演示    /    源码下载


 

14、jQuery流水线图片滚动插件

这是一款基于jQuery的图片滚动插件,该插件的特点是图片以流水线的方式流动,效果十分酷。

23个功能强大的jQuery/CSS3图片特效插件



在线演示    /    源码下载

15、jQuery下一张图切换效果

这个jQuery插件主要实现下一张图片的切换,当鼠标移过当前图片时,图片右侧将会显示一个半透明的下一张按钮区域,点击该区域就能切换到下一张图片,并且切换时有动画效果。

23个功能强大的jQuery/CSS3图片特效插件



在线演示     /    源码下载



16、jQuery右侧带缩略图焦点图插件

这是一款功能强大的jQuery焦点图插件,该jQuery焦点图的特点是右侧可以展开一行缩略图和描述,点击相应选项即可播放相应的图片,该jQuery焦点图的扩展性也很强。

23个功能强大的jQuery/CSS3图片特效插件



在线演示    /    源码下载



17、jQuery前后翻页焦点图

这也是一款非常出色的jQuery焦点图插件,从焦点图的外观看,该jQuery焦点图虽没有过多的修饰,但看起来十分大方。从焦点图的功能看,该jQuery焦点图拥有自动播放图片、手动切换图片、随机图片切换动画,我想这些功能足够你使用了。

23个功能强大的jQuery/CSS3图片特效插件



在线演示    /    源码下载



18、jQuery抖动动画焦点图

这是一款基于jQuery的动画焦点图,该焦点图在切换图片的时候会出现抖动动画,是一款很时尚的jQuery焦点图。

23个功能强大的jQuery/CSS3图片特效插件



在线演示    /    源码下载



19、jQuery手风琴图片切换效果,支持横向和纵向

这是一款基于jQuery的手风琴效果,这款手风琴插件功能相对完善,也满足横向和纵向的模式,用户也可以灵活地定义不同的外观样式。

23个功能强大的jQuery/CSS3图片特效插件



在线演示    /    源码下载

20、jQuery实现3D圆盘图片播放,支持鼠标滚轮

这款相片播放工具是基于jQuery实现的3D圆盘类型的,图片像是在圆盘上旋转一样,支持鼠标滚轮,而且图片有漂亮的tooltip。

23个功能强大的jQuery/CSS3图片特效插件



在线演示    /    源码下载



21、jQuery带文字描述的焦点图

这是一款基于jQuery的宽屏焦点图,该jQuery焦点图带有文字描述,文字描述区域和原图之间透明显示,非常大气。

23个功能强大的jQuery/CSS3图片特效插件



在线演示    /    源码下载

 

22、jQuery宽屏带缩略导航焦点图

这款焦点图有两个特点,第一就是宽屏,够大气。第二就是带有缩略图导航,方便浏览大图片。

23个功能强大的jQuery/CSS3图片特效插件



在线演示    /    源码下载

 

23、jQuery抖动式图片切换效果

这也是一款基于jQuery的图片切换插件,不过图片切换的时候会产生抖动的特效,你可以在演示页面点击切换下一张图片看看。

23个功能强大的jQuery/CSS3图片特效插件


在线演示    /    源码下载


大家有什么问题或技术上的想法可以在此与大家分享,也可以加入前端爱好者QQ群(141999928)一起学习进步:【幸凡前端技术交流群】
0

如果您觉得本文的内容对您的学习有所帮助,捐赠与共勉,支付宝(左)或微信(右)

阅读全文内容关闭