360ITO技术社区
  • 首页
  • 文章
  • 快讯
  • 讨论
  • 问答
  • 小贴士
  • 代码块
  • 开源
  • 老论坛
登录 | 注册

360ITO技术社区  > 快讯

订阅新闻

10 个基于 jQuery/CSS3 的图片特效

为你せ生 发布于 7年前 ( comment 0条评论  查看:4586  收藏:0 )
jQuery作为理想的开源Javascript开发库,已经被广大前端开发者所接受和使用,由jQuery编写的图片插件也数不胜数。CSS3是最近几年刚兴起的新技术,CSS3的应用,可以让图片拥有非常绚丽的特效,无论在视觉上还是在使用上,你一定会喜欢这些图片特效素材。 

1、jQuery iNav水平滚动菜画插件 

jQuery iNav水平滚动菜画插件,jQuery iNav是一款立体感极强的水平滚动动画菜单插件,插件允许你将图片分类显示,切换至该分类图片时,菜单就会很顺畅的将该类下的图片展示。 



菜单演示   /   菜单素材下载 

2、jQuery鼠标悬停图片动画HoverEx 

jQuery鼠标悬停动画HoverEx插件,HoverEx是一款基于jQuery的鼠标停留动画插件,HoverEx一共有9组不同的动画效果。HoverEx非常适合对图片的快捷操作,比如选择图片或者旋转图片。 



HoverEx演示   /   HoverEx下载 

3、jQuery带小图标的图片滑动焦点图 

这款jQuery焦点图的特点是带有小图片,鼠标点击小图标时便切换到相应图片,当然也能够自动切换图片。 



焦点图演示   /   焦点图下载 

4、jQuery仿搜狗输入法首页焦点图 

这是一款基于jQuery的焦点图插件,该焦点图是模仿搜狗输入法首页(cheap car insurance)的图片展示模块,图片切换流畅,配置也十分简单。 



焦点图演示   /   焦点图下载 

5、jQuery原始图片对比插件 

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



jQuery图片对比在线演示   /   jQuery图片对比源码下载 

6、jQuery仿腾讯游戏上古世纪焦点图 

这是一款用jQuery实现的游戏焦点图,效果挺棒的,适合游戏网站播放推广图片用。 



jQuery焦点图演示   /   jQuery焦点图下载 

7、jQuery环形图片播放插件 

这是一款基于jQuery的环形焦点图,鼠标拖动环形边缘的小圆圈即可切换图片,是一款非常有特色的jQuery图片播放插件。 



环形图片播放演示   /   环形图片播放下载 

8、jQuery抖动动画焦点图 

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



jQuery焦点图演示   /   jQuery焦点图下载 

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

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



jQuery焦点图演示   /   jQuery焦点图下载 

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

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


来源:ITEye


0 有用 0 无用
图片特效 jquery JavaScript css

共有0个评论 我要评论»

按时间排 按有用数排 按支持数排

网友回复/评论仅代表其个人看法,并不表明本社区同意其观点或证实其描述。

请尽量让自己的回复能够对别人有帮助

1.不欢迎无意义的回复/评论和类似“顶”、“沙发”之类没有营养的文字
如果只是想简单的表个态,请点 有用无用支持反对 等按钮
2.发言之前请再仔细看一遍文章,或许是您遗漏、误解了,理性讨论、切莫乱喷
3.严禁发布违法、违规的信息,请勿到处招贴广告、发布软文;
4.如果您发现自己的回复/评论不见了,请参考以上3条
5.不停制造违规、垃圾信息的,账户将被禁止

热门标签

  • 谷歌 15
  • 苹果 13
  • 微软 10
  • Google 9
  • android 8
  • 可穿戴 6
  • 应用 6
  • 安全 6
  • 三星 6
  • 开发者 5
  • 阿里巴巴 4
  • 网购 4
  • 智能手机 4
  • iOS 4
  • 游戏 4
  • HTML5 4
  • 百度 3
  • 腾讯 3
  • Facebook 3
  • 谷歌眼镜 3

相关文章

周热点

月热点

Copyright ©2011-2012 360ITO技术社区 All Rights Reserved. | 关于 | 联系我们 | 杭州精创信息技术有限公司 浙ICP备09019653号-26|
▲