牛牛逼逼叉叉
菜单

Web开发人员不能错过的jQuery教程和案例

2013年12月12日,分类《资源共享》,作者:
博客捐助

jQuery 把惊喜延续到设计领域,处处带来极大的灵活性,创造了许多体验良好的设计,而且拥有不错的性能。这里分享一组 Web 开发人员不能错过的jQuery 教程和案例,帮助你更好的掌握 jQuery 在网站实际效果实现中的应用,千万不要错过。

  Timeline Portfolio

20131212152633063599.JPG

  超炫的时间轴展示作品集效果。设计师和前端开发人员可以借助这个效果来制作新颖的个人简历。

  源码下载      在线演示

  Swatch Book with CSS3 and jQuery

20131212152633463556.JPG

  基于 CSS3 & jQuery 实现的多彩的动画 Swatch Book 效果。

  源码下载      在线演示

  Making an Interactive Picture with jQuery

20131212152633640213.JPG

  基于 jQuery 实现交互的图片效果,可以弹出层提示内容。对于介绍图片的某个部分很有用。

  源码下载      在线演示

  Animated Content Menu with jQuery

20131212152633513509.JPG

  使用 jQuery 制作的光滑的动画内容菜单效果。示例使用的是一个餐馆的主题。

  源码下载      在线演示

  Create jQuery Pinterest Pin It Plugin

20131212152633759435.JPG

  实现类似 Pinterest 的 Pin It 效果。其它例如图片收藏、分享的效果实现可以参考这个。

  源码下载      在线演示

  Flyout Image Slider Using jQuery & CSS3

20131212152633981794.JPG

  使用 jQuery & CSS3 实现的图片滑块效果,带有很炫的图片翻转和动画效果。

  源码下载      在线演示

  Make a Google Powered Shopping Search Website

20131212152633001613.JPG

  基于 Google Shopping Search API 打造一个简单的购物搜索网站。

  源码下载      在线演示

  Making a jQuery Countdown Timer

20131212152633149181.JPG

  使用 jQuery 编写的一个简单的倒计时效果。在事件页面或者 Comming Soon 页面可以使用。

  源码下载      在线演示

  Sponsor Flip Wall With jQuery & CSS

20131212152633196347.JPG

  使用 jQuery & CSS 编写的赞助商翻转墙效果,正面显示 LOGO,翻转后显示介绍和网址。

  源码下载      在线演示

  How to Create an Interactive Graph using CSS3 & jQuery

20131212152633756845.JPG

  基于 jQuery & CSS3 编写的交互的图表效果,支持在线图和柱状图之间切换。

  源码下载      在线演示

  How to Create Accordion Menu (CSS3+jQuery)

20131212152633647893.JPG

  基于 jQuery & CSS3 编写的平滑的手风琴菜单效果。

  源码下载      在线演示

  Shiny Knob Control with jQuery and CSS3

20131212152633167037.JPG

  使用 jQuery & CSS3 制作闪亮的旋钮控制按钮效果。

  源码下载      在线演示

  An HTML5 Slideshow w/ Canvas & jQuery

20131212152633057265.JPG

  基于 Canvas & jQuery 实现一个简单的 HTML5 幻灯片效果。

  源码下载      在线演示

  Portfolio Zoom Slider with jQuery

20131212152633995486.JPG

  使用 jQuery 实现一个作品集缩放效果,类似与图片放大镜。

  源码下载      在线演示

  Sweet Tooltip a jQuery & CSS3 Tooltips

20131212152633883741.JPG

  基于 jQuery & CSS3 实现各种风格的 ToolTip 效果,这个在网站开发中很有用!

  源码下载      在线演示



发表评论

电子邮件地址不会被公开。 必填项已用*标注

【上一篇】

Android(安卓) APK文件反编译详解(附图)

【下一篇】

跨域资源共享(CORS)安全性浅析