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

您可能感兴趣的相关文章

<a href="http://www.cnblogs.com/lhb25/p/free-tools-and-resources.html" target="_blank">So Easy！让开发人员更轻松的工具和资源</a>

<a href="http://www.cnblogs.com/lhb25/archive/2013/01/06/jquery-image-carousel-effect.html" target="_blank">12款经典的白富美型 jQuery 图片轮播插件</a>

<a href="http://www.cnblogs.com/lhb25/archive/2012/08/08/ajax-jquery-pagination-plugin-tutorial.html" target="_blank">几款优秀的 jQuery Ajax 分页插件和教程</a>

<a href="http://www.cnblogs.com/lhb25/p/form-enhanced-with-javascript-three.html" target="_blank">推荐几款极好的 JavaScript 下拉列表插件</a>

<a href="http://www.cnblogs.com/lhb25/archive/2013/04/11/10-metro-bootstraps-ui-templates.html" target="_blank">10大流行 Metro UI Bootstrap 主题和模板</a>

Timeline Portfolio

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

Swatch Book with CSS3 and jQuery

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

Making an Interactive Picture with jQuery

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

<a>Animated Content Menu with jQuery</a>

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

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

<a>Flyout Image Slider Using jQuery &amp; CSS3</a>

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

<a>Make a Google Powered Shopping Search Website</a>

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

<a>Making a jQuery Countdown Timer</a>

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

<a>Sponsor Flip Wall With jQuery &amp; CSS</a>

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

<a>How to Create an Interactive Graph using CSS3 &amp; jQuery</a>

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

<a>How to Create Accordion Menu (CSS3+jQuery)</a>

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

<a>Shiny Knob Control with jQuery and CSS3</a>

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

<a>An HTML5 Slideshow w/ Canvas &amp; jQuery</a>

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

<a>Portfolio Zoom Slider with jQuery</a>

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

Sweet Tooltip a jQuery &amp; CSS3 Tooltips

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

<a href="http://www.cnblogs.com/lhb25/archive/2012/08/03/5-creative-html5-and-css3-templates.html" target="_blank">推荐35款精致的 CSS3 和 HTML5 网页模板</a>

<a href="http://www.cnblogs.com/lhb25/archive/2012/09/11/resources-that-complement-twitter-bootstrap.html" target="_blank">12款优秀的 Twitter Bootstrap 组件和工具</a>

<a href="http://www.cnblogs.com/lhb25/archive/2011/11/20/15-jquery-image-effects.html" target="_blank">15个款优秀的 jQuery 图片特效插件推荐</a>

<a href="http://www.cnblogs.com/lhb25/archive/2011/02/16/1956557.html" target="_blank">Web开发者必备的20款超赞 jQuery 插件</a>

<a href="http://www.cnblogs.com/lhb25/archive/2012/08/13/jquery-image-effects-plugins.html" target="_blank">分享23款美轮美奂的 jQuery 图片特效插件</a>

欢迎任何形式的转载，但请务必注明出处。