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

Related Posts / 相关文章
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 什么的