10款基于JQuery实现的web前端源码预览

浏览数：33 / 时间：2015年06月09日

1.优秀的响应式 jQuery 滑块插件

iView Slider 是一款优秀的 jQuery 滑动插件，用于实现文本、图片、视频等各种网页内容的滑动功能。iView Slider 支持响应式布局，能够很好的运行于触屏设备中。iView Slider 内置35种很炫的过渡效果（Transition Effects），能够帮助你制作出各种各样的滑动效果。iView Slider 提供了三种不同形式的加载进度条形式，以生动直观的方式告诉用户下一个滑块还有多久时间加载。iView Slider 依赖于 jQuery 和 Raphael，提供了简单易用的 API ，能够非常容易的实现漂亮的内容滑动效果。

在线演示

源码下载

2.超轻量的可定制的回到顶部 jQuery 插件

ScrollUp 是一款轻量的 jQuery 插件，用于实现定制的滚动到顶部（Scroll To Top）功能。ScrollUp 可以通过 CSS 完全定制，这使得它能够非常简单到集成到你的项目中。官方提供了 Tap、Pill、Llink、Image 五种风格，可以根据需要配置。

在线演示

源码下载

3.非常轻量的延迟加载插件

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

在线演示

源码下载

4.超级精美的自定义复选框&单选按钮

iCheck 是一套基于 jQuery 的自定义复选框和单选按钮，以避免在日常开发中重复造轮子。在数量庞大的浏览器，设备和它们的不同版本中，它提供了风格一致的外观。回调和方法可以用来方便地处理修改和自定义输入。目前兼容 IE 7+，Firefox 2+，Chrome，Safari 3+ 和 Opera 9+ 浏览器。此外，还支持 Opera mini, Chrome mobile, Safari mobile 等移动浏览器也都支持。在 iOS，Android，BlackBerry 和 Windows Phone 设备测试通过。

在线演示

源码下载

5.Parallax.js:自适应智能设备方向的视差效果插件

Parallax.js 是一个简单的，轻量级的的视差引擎，能够对智能设备的方向作出反应。在没有没有陀螺仪或运动检测硬件可用的时候，使用光标的位置来代替。有很多的行为，你就可以设置为任何给定的视差实例。这些行为既可以通过在标记中指定的数据属性或通过构造函数和 JavaScript API 调用。

在线演示

源码下载

6.EasyDropDown:很棒的精美主题下拉菜单

EasyDropDown 是一个 jQuery 插件，你可以毫不费力地将简陋的 Select 元素设置为可定制风格的下拉菜单，用于表单或者一般的导航。和著名的下拉插件 Chosen 很像，但是具有自己的特点，例如：简洁，语义标记，兼容表单验证，完整的键盘控制，滚动支持，在触摸设备上降级为原生UI 等等众多优点。

在线演示

源码下载

7.管理 CSS 动画的强大的小工具

Animo.js 是一个功能强大的小工具，用于管理 CSS 动画。它的特色功能包括像堆栈动画，创建跨浏览器的模糊，设置动画完成的回调等等。Animo 还包括惊人的 animate.css，为您提供了近60个美丽的动画，还加入了一些辅助动画到库中。

在线演示

源码下载

8.使用 iosOverlay.js 创建 iOS 风格的提示和通知

iosOverlay.js 用于在 Web 项目中实现 iOS 风格的通知和提示效果。为了防止图标加载的时候闪烁，你需要预加载的图像资源。不兼容 CSS 动画的浏览器需要 jQuery 支持。浏览器兼容：IE7+, Google Chrome, Firefox, Opera, Desktop Safari, Mobile Safari — iPhone & iPad。

在线演示

源码下载

9.jsPDF:基于HTML5的强大PDF生成工具

jsPDF 是一个基于 HTML5 的客户端解决方案，用于生成各种用途的 PDF 文档。使用方法很简单，只要引入 jsPDF 库，然后调用内置的方法就可以了。浏览器兼容性： IE 10, Firefox 3+, Chrome, Safari 3+, Opera，未来将兼容 IE 10 以下版本，对于 IE10 以下的版本会使用 Downloadify 来实现文件下载功能。