jQuery是使用最多的JS库之一,它有很多优点,比如轻量、易用、完善的Ajax、良好的浏览器兼容,以及它有健壮的选择器等。这些优点使得jQuery成为帮助前端开发人员的有力工具。越来越多的大型网站开始使用jQuery及其插件实现其前端交互。
这里,前端观察收集了20多个使用jquery交互的漂亮网站设计,它们不仅交互效果比较酷,界面设计的也很棒,希望能够给你的设计提供某些参考。当然,使用jQuery的优秀的网站并不只这些,如果你知道有很不错的基于jQuery的网站设计,欢迎与我们共享,多谢。
翻页、滑动、lightbox – serialcut.com
![serialcut.com](http://www.qianduan.net/wp-content/uploads/2009/12/jquery/serialcut.jpg)
滑动、导航 – tearoundapp.com
![tearoundapp.com - 滑动、导航](http://www.qianduan.net/wp-content/uploads/2009/12/jquery/tearoundapp.jpg)
滑动、导航 – mtvsticky.com
![mtvsticky.com - 滑动、导航](http://www.qianduan.net/wp-content/uploads/2009/12/jquery/mtv-sticky.jpg)
滑动、动画 – worldofmerix.com
![worldofmerix.com - 滑动、动画](http://www.qianduan.net/wp-content/uploads/2009/12/jquery/worldofmerix.jpg)
滑动、拖拽 – icondock.com
![icondock.com - 滑动、拖拽](http://www.qianduan.net/wp-content/uploads/2009/12/jquery/icondock.jpg)
滑动、导航 – directdesign.it
![directdesign.it - 滑动、导航](http://www.qianduan.net/wp-content/uploads/2009/12/jquery/directdesign.jpg)
翻页、弹出 – jumpstartforbusiness.co.uk
![jumpstartforbusiness.co.uk - 翻页、弹出](http://www.qianduan.net/wp-content/uploads/2009/12/jquery/jumpstartforbusiness.jpg)
滑动, Lightbox – 10bestthings.com
![10bestthings.com - 滑动, Lightbox](http://www.qianduan.net/wp-content/uploads/2009/12/jquery/10bestthings.jpg)
滑动 – paramoreredd.com
![paramoreredd.com - Slide-Effects](http://www.qianduan.net/wp-content/uploads/2009/12/jquery/paramoreredd.jpg)
滑动 – bulletpr.co.uk
![bulletpr.co.uk - 滑动](http://www.qianduan.net/wp-content/uploads/2009/12/jquery/bulletpr.jpg)
滑动、淡出、Ajax、导航 – bestbefore.ro
![bestbefore.ro](http://www.qianduan.net/wp-content/uploads/2009/12/jquery/bestbefore.jpg)
lightbox、Ajax – www.geochirp.com
![www.geochirp.com](http://www.qianduan.net/wp-content/uploads/2009/12/jquery/geochirp.jpg)
滑动、导航 – eyedraw.eu
![eyedraw.eu - 滑动、导航](http://www.qianduan.net/wp-content/uploads/2009/12/jquery/eyedraw.jpg)
LightBox、Ajax、拖拽 – rachelbloch.ch
![rachelbloch.ch](http://www.qianduan.net/wp-content/uploads/2009/12/jquery/rachelbloch.jpg)
滑动、动画 – marfil.me
![marfil.me](http://www.qianduan.net/wp-content/uploads/2009/12/jquery/marfil.jpg)
动画、提示 – jquerystyle.com
![jquerystyle.com](http://www.qianduan.net/wp-content/uploads/2009/12/jquery/jquerystyle.jpg)
弹出、Ajax、提示 – virtuousquare.fr
![virtuousquare.fr](http://www.qianduan.net/wp-content/uploads/2009/12/jquery/virtuousquare.jpg)
滑动、动画 – bonadiesarchitect.com
![bonadiesarchitect.com](http://www.qianduan.net/wp-content/uploads/2009/12/jquery/bonadiesarchitect.jpg)
滑动、热键 – pauljnoble.com
![pauljnoble.com](http://www.qianduan.net/wp-content/uploads/2009/12/jquery/pauljnoble.jpg)
翻页、滑动、lightbox – ormanclark.com
![ormanclark.com](http://www.qianduan.net/wp-content/uploads/2009/12/jquery/ormanclark.jpg)
提示、lightbox – tedxbucharest.com
![tedxbucharest.com](http://www.qianduan.net/wp-content/uploads/2009/12/jquery/tedxbucharest.jpg)