10个极客Web前端开发jquery资源大荟萃

1.基于TweenMax.js的网页幻灯片

今天给大家带来一款基于TweenMax.js的网页幻灯片。这款幻灯片以不规则的碎片百叶窗的形式切换。切换效果非常漂亮。

在线演示

源码下载

2.pagePiling.js – 创建漂亮的全屏滚动效果

全屏滚动效果是最近非常流行的网页设计形式，带给用户良好的视觉和交互体验。pagePiling.js 这款 jQuery 插件可以帮助前端开发人员轻松实现这种效果。

在线演示

源码下载

3.使用 CSS3 伪元素实现立体的照片堆叠效

CSS3 里引入的伪元素让 Web 开发人员能够在不需要额外添加 HTML 标签的情况下制作出复杂的视觉效果。例如，:before 和 :after 这个两个 CSS3 伪元素就可以帮助你实现很多有趣的效果。本教程将告诉你如何使用 CSS3 为元素创建一组漂亮的图片堆叠效果。

在线演示

源码下载

4.纯jQuery代码实现时钟效果

一个非常简单易用的jQuery代码实现的获取当前系统时间的始终效果,模拟家中墙壁上的挂钟效果,当然，其中使用了部分css3效果,不支持低版本浏览器的哦

在线演示

源码下载

5.jQuery模拟手机客户端五个缩略图左右切换焦点图

左右切换，类似手机客户端的banner图片切换效果，支持自动切换，代码简洁，左右切换平滑

在线演示

源码下载

6.jQuery实现页面滚动时顶部导航显示或者隐藏

页面上有一个始终固定在网页顶部的导航菜单，当页面向下滚动的时候，导航菜单动态隐藏，页面滚动到顶部时，导航菜单动态显示，淘宝也采用过此效果，很不错。

在线演示

源码下载

7.js实现移动客户端手势上下滑屏效果

可适应移动设备的一款js特殊效果，包括pad以及手机登移动设备，当然，电脑客户端也可以使用，支持手动上下滑动翻页效果

在线演示

源码下载

8.简单方便易用的jQuery图片逐步加载插件jQuery.laz

现在网上流行很多图片逐步加载特效，就是当前浏览器可视范围内的图片加载，可视范围外的图片暂不加载，这在很大程度上提高了用户体验，同时也“减轻”了网络压力

在线演示

源码下载

9.3D立体式图片360度旋转轮回效果

立体效果很棒，保持360度立体式旋转，类似旋转木马一样的效果；整个效果基于libs.min插件实现

在线演示

源码下载

10.jQuery自动向右滚动通栏图片列表特效

支持左右按钮点击后图片列表左右滚动，同时自身间隔一段时间后自动滚动，点击图片支持放大效果

在线演示

源码下载

未经允许不得转载：爱前端网 » 10个极客Web前端开发jquery资源大荟萃