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自动向右滚动通栏图片列表特效

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

在线演示

源码下载

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。