20多个漂亮的使用jQuery交互的网站设计欣赏
jQuery是使用最多的JS库之一，它有很多优点，比如轻量、易用、完善的Ajax、良好的浏览器兼容，以及它有健壮的选择器等。
这些优点使得jQuery成为帮助前端开发人员的有力工具。越来越多的大型网站开始使用jQuery及其插件实现其前端交互。
今天展示的20个jQuery交互的网站设计不仅交互效果很酷，界面设计的也很棒，希望能够给你的设计提供某些参考。
当然，使用jQuery的优秀的网站并不只这些，如果你知道有很不错的基于jQuery的网站设计，欢迎与我们共享，多谢。
翻页、滑动、lightbox – serialcut.com
滑动、导航 – tearoundapp.com
滑动、导航 – mtvsticky.com
滑动、动画 – worldofmerix.com
滑动、拖拽 – icondock.com
滑动、导航 – directdesign.it
翻页、弹出 – jumpstartforbusiness.co.uk
滑动, Lightbox – 10bestthings.com
滑动 – paramoreredd.com
滑动 – bulletpr.co.uk
滑动、淡出、Ajax、导航 – bestbefore.ro
lightbox、Ajax – www.geochirp.com
滑动、导航 – eyedraw.eu
LightBox、Ajax、拖拽 – rachelbloch.ch
滑动、动画 – marfil.me
动画、提示 – jquerystyle.com
弹出、Ajax、提示 – virtuousquare.fr
滑动、动画 – bonadiesarchitect.com
滑动、热键 – pauljnoble.com
翻页、滑动、lightbox – ormanclark.com
提示、lightbox – tedxbucharest.com
6 Comments
我要评论都很赞！请教博主个问题，左右平滑 页面是如何做到隐藏的
Hi, 用Javascript控制元素起到滑动效果的方法有很多。 一种比较常用的是，一个块级DIV具有overflow:hidden属性，具有position:relative供内部的绝对定位DIV使用，也定义了宽和高，里面有一个装有几个横排或者竖排的图像的一个DIV，这个DIV具有position:absolute属性，则通过jQuery产生动画函数.animate()就可以控制其left的递增或者递减，达到看似内部图像滚动的效果。 类似的方法是把所有图片整合在同一张图上，通过jQuery的animate来控制其background-position来达到滚动的。 还有很多方法，你可以在上面的例子中，查看一下其JS的代码来一探究竟。或者结合Firebug可以看到其页面元素的摆放和变化。
谢谢了哈，我目前就想到了整合到一起，但考虑到资源问题，所以在寻找新的解决方案。随便介绍个，用ScrollTo插件可以很方便。。。
恩。我也用过这个插件开发过东西。的确是不错 http://demo.meeplace.com/event/
访问了。。。，啥米？... 能给个demo偶看看吗。
那个链接就是demo啦。你点那个tomorrow。this month 什么的