10款web前端基于jquery的页面代码-爱前端网

1.Jquery实现添加3D特效到你的幻灯片

此Jquery特效是一款效果非常棒的幻灯片作品，实现带有3D效果的功能，默认自带了3个Demo例子，分别为3种不同的特效。

1、带有左右滚动控制按钮和状态小图标

2、只有状态小图标控制图片播放和自动播放

3、带有左右滚动控制按钮、状态小图标和全屏显示

功能包括如下：

1、图片左右滚动

2、3D飞入飞出效果

3、带有更多链接功能

4、滑动效果

5、带左右控制按钮

6、自动播放功能

7、响应式布局(幻灯片会自适屏幕的宽度)

在线演示

源码下载

2.分享Jquery实现网格手风琴特效

此Jquery实现了网格手风琴特效，结合网格手风琴缩略图和手风琴面板的功能，是你展示你的图片网站一个非常有趣的方法。你可以选择使用XML或HTML。功能强大的API将允许进一步提高这个Jquery插件的功能，可以方便地集成到您自己的应用程序中。

功能如下：

1、支持XML和HTML

2、容易定制

3、在同一页的多个网格的手风琴缩略图

4、支持简单的文本或HTML文本字幕

5、你可以添加一个链接到每个面板

6、自动幻灯片模式

7、洗牌面板

8、公共方法，允许你使用外部输入的手风琴缩略图的控制(例如openpanel(3)，nextpanel()，previouspanel()，getpanelat(2)等。)

9、回调函数

在线演示

源码下载

3.jQuery.mmenu – 用于移动 Web 项目的光滑菜单

jQuery.mmenu 插件是一款用于创建光滑的导航菜单的 jQuery 插件，只需要一行 JavaScript 代码就能为您的移动网站加上类似移动应用程序外观的滑动菜单。jQuery.mmenu 还提供了几个选项用于定制需要的菜单。大家可以参考学习一下。

在线演示

源码下载

4.使用FlipClock.js 制作精美的定时器

FlipClock.js 被创建出来是因为其他的解决方案不够抽象，不能够在不重写代码的情况下提供了深层次的自定义。有些库的参数过多，而另外一些则是脚本中的硬编码太多，不够灵活。在参考许多现有的解决方案的基础上，FlipClock.js 提供可扩展的 API ，能够创建任何形式的时钟、计数器或者倒计时功能，而且翻页效果非常酷。

在线演示

源码下载

5.jQuery Unveil 轻量的延迟加载插件

jQuery Unveil 是一款轻量级的延迟加载插件，支持提供用于视网膜显示设备的高分辨率图像。这个插件非常有用，它能提高长网页中图像的加载性能，因为视口以外的图像(可见部分网页)将不会被加载，直到用户滚动到它们所在的区域。延迟加载有一些很酷的选项，如自定义效果，容器，事件或数据属性。如果你不想使用这些功能，你可以减小文件的大小，只留下必要的代码来显示图像。