你用的到的精美jQuery&CSS3效果(1)


作为最流行的 JavaScript 开发框架,jQuery 在现在的 Web 开发项目中扮演着重要角色,它简化了 HTML 文档遍历,事件处理,动画以及 Ajax 交互,而 CSS3 作为 CSS 的下一个版本,增加了圆角、旋转、阴影等强大的特性,甚至还可以实现需要 JavaScript 才能实现的复杂动画效果。这篇文章特别收集了2012年新鲜出炉的30个精美 jQuery & CSS3 效果,帮助 Web 开发人员快速实现可用性和用户体验更佳的功能,让访问者对网站留下非常好的印象。记得分享和推荐哦。


精美 jQuery 效果及教程


01. Jquery Custom Content Scroller


基于 jQuery 实现的非常精致的自定义内容滑动条。


30 Fresh and Useful CSS3 & Jquery Effects with Tutorials from 2012


在线演示  下载源码


02. Sideways Jquery Full Screen Image Gallery


非常漂亮的 jQuery 全屏相册,移动鼠标即可在缩略图和照片之间切换。


30 Fresh and Useful CSS3 & Jquery Effects with Tutorials from 2012


在线演示  下载源码


03. Jquery Cursor Following Menu


鼠标跟随的菜单,挺有创意的,不过没用习惯的话肯能会觉得不好用。


30 Fresh and Useful CSS3 & Jquery Effects with Tutorials from 2012


在线演示  下载源码


04. Jquery Animated Responsive Image Grid


基于 jQuery 实现的动态的响应时图片格子,提供了三种不同的效果演示。


30 Fresh and Useful CSS3 & Jquery Effects with Tutorials from 2012


在线演示  下载源码


05. Jquery Chop Slider


效果不错的 jQuery 碎片滑动效果,有非常详细的制作教程。


30 Fresh and Useful CSS3 & Jquery Effects with Tutorials from 2012


在线演示  下载源码


06. Magnifying glass for image zoom using Jquery and CSS3


基于 jQuery 和 CSS3 实现的放大镜效果。 


30 Fresh and Useful CSS3 & Jquery Effects with Tutorials from 2012


在线演示  下载源码


07. Responsive jQuery Image and Content Slider


另外一款响应式(Responsive) jQuery 图片和内容滑动效果。


30 Fresh and Useful CSS3 & Jquery Effects with Tutorials from 2012


在线演示  下载源码


08. Flyout Image Slider


基于 jQuery 和 CSS3 实现的图片飞出效果,挺特别的。


30 Fresh and Useful CSS3 & Jquery Effects with Tutorials from 2012


在线演示  下载源码


09. Portfolio Flipping Slider Using jQuery & CSS3


基于 jQuer 和 CSS3 实现的图片翻转效果。 


30 Fresh and Useful CSS3 & Jquery Effects with Tutorials from 2012


在线演示  下载源码


10. Create a simple jQuery hover call-to-action box


基于 jQuery 实现的一个简单的悬浮行为召唤(call-to-action)功能。 


30 Fresh and Useful CSS3 & Jquery Effects with Tutorials from 2012


在线演示  下载源码


11. Auto Moving Jquery


非常特别的二级菜单效果,值得借鉴一下,有详细的教程。


30 Fresh and Useful CSS3 & Jquery Effects with Tutorials from 2012


在线演示  下载源码


12. New Search Form Using Jquery


基于 jQuery 和 CSS3 实现的非常精美的搜索框效果。


30 Fresh and Useful CSS3 & Jquery Effects with Tutorials from 2012


在线演示  下载源码





苏ICP备16066217号-2