整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

LightGallery - 轻量的、响应式jQuery相册

Query LightGallery是一个轻量级的,可定制的,模块化的,响应式的 jQuery 相册插件。它采用 CSS 来实现图像和视频的大小调整。因此,这将是非常灵活的,并且比使用 JavaScript 方法相当快。 Lightgallery 自带几个内置模块,如缩略图,全屏,变焦等,很容易地创建你自己的模块。


演示地址

http://sachinchoolur.github.io/lightGallery/

来源

http://www.qietu.cn/thread-15125-1-1.html

----------

加微信公众号qietuwang,获取最新资讯

ad ~ 自学3月前端找不到工作? 切图网 旗下首个web前端真实项目实战培训品牌 切入口即将开班,让你的简历丰富不止3倍,详情请加前端讲师qq 6133576 获取最新开班通知,web前端学习千人群:469861419

、粒子系统 Particleground

Particleground 粒子系统是一个jQuery插件,时髦的背景。 Particleground包括一个可选的视差效应控制鼠标在桌面设备和移动设备上的陀螺仪。它适用于任何浏览器支持HTML5画布。

主页:https://github.com/jnicol/particleground

2、过滤筛选 MixItUp

MixItUp是一个jQuery插件,提供动画过滤和排序。它可以提供各种组合筛选方式,应用于相册或博客的分类或排序的内容,而且还可以作为用于接合应用程序的UI和数据可视化的有力工具。

MixItUp可以很好的融合您现有的HTML和CSS,使之成为响应布局的绝佳选择。

主页:https://github.com/patrickkunka/mixitup

3、组织结构图 jOrgChart

jOrgChart是一个jQuery插件,它允许转换成树形结构嵌套无序列表元素,然后按组织结构图般的输出。它支持任何深度,单击每个项目可以显示/隐藏子项目。

它有以下特点:

  • 非常容易使用嵌套的无序列表中的元素。

  • 拖动和重组的元素。

  • 通过点击相应的节点上显示/隐藏着一个特定的节点。

  • 节点可以包含任意数量的HTML(<li>和<UL>除外)。

主页:https://github.com/wesnolte/jOrgChart

4、文件上传 jQuery File Upload

jQuery File Upload 能轻松创建一个灵活的和用户友好的上传功能。它可以显示预览图像上传和进度条,支持任何服务器端平台,支持标准的HTML表单的文件上传插件,它还可以进行多文件上传,并且支持拖放,可以处理跨域,断点续传,图片、音频和视频还可以进行预览等功能。

主页:https://github.com/blueimp/jQuery-File-Upload

5、表格插件 JTable

JTable是用来创建一个没有编码的HTML或JavaScript基于AJAX的CRUD表的jQuery插件。它有几个特点,包括:

  • 自动创建HTML表和负载从服务器使用AJAX的记录。

  • 当用户添加、编辑、删除一条记录,使用AJAX更新服务器和更新表中的所有单元格的页面。

  • 动画显示对表的创建/删除/编辑操作。

  • 支持服务器端分页使用AJAX。

  • 支持服务器端排序使用AJAX。

  • 支持主/子表。

  • 允许用户选择行。

  • 所有的样式表和形式的定义在CSS文件中,这样你就可以很容易地改变风格。

  • 它配备了预先定义的颜色主题。

  • 它不依赖于任何服务器端技术。

  • 它是平台独立的,并可以在所有常见的浏览器上工作。

主页:https://github.com/hikalkan/jtable

6、幻灯片 Camera

Camera是一个jQuery幻灯片插件,它有很多功能,并且可以很好在响应式布局上使用。此幻灯片插件可以创建任何HTML元素(图片,文字,视频等)及相机,显示他们的一个漂亮的界面转换。该插件可以通过CSS的外观,目前已经有提供多种皮肤。它的选项非常丰富,可定制的回调存在于各个层面。

主页:http://www.pixedelic.com/plugins/camera/

7、播放器 Acorn Media Player

Acorn Media Player是一个jQuery插件,用于创建,访问和可定制的HTML5媒体播放器。它可以轻松定制和更换主题,全屏支持,缓冲,加载指示器,并且可以使用HTML5 localStorage记住的音量设置。

主页:https://github.com/ghinda/acornmediaplayer

8、文件树 jQuery File Tree

jQuery File Tree是一个基于jQuery的、可配置的AJAX文件浏览插件。你最少只需一行JavaScript代码,即可创建一个自定义的、完全交互式的文件树。

主页:https://github.com/jqueryfiletree/jqueryfiletree

9、书本翻页 Booklet

Booklet是一个用于把图片或者更多其他的内容以书本的形式显示的jQuery插件,有翻页效果。

主页:http://builtbywill.com/booklet/

10、适合图像 ImageFit

ImageFit是一个简单的,轻量级的插件,使图像可以按照适合的尺寸显示在任何地方。

主页:https://github.com/periplox/jquery.imagefit

这次就到这里了,下次继续,希望喜欢的朋友多多留言支持下,谢谢。头条号:折翅的小鸟

、图像灯箱 nanoGallery

nanoGallery 对jQuery来说是很容易实现的图片画册插件。它具有很多特性:支持触碰,响应式,快速和支持云储存。 相册多级导航,灯箱效果,多缩略图的hover效果,滑动展示,全屏,分页,图片延迟加载,主题,兼容bootstrap,可定制,可从Flickr/Picasa/Google+拉取照片等等。

主页:https://github.com/Kris-B/nanoGALLERY

2、页面导航 stickUp

stickUp 是一个jQuery 插件。你可以在任意使用jQuery的网页上执行。你可以简单地在任意页面创建任意你想用户在任何时候都可以看见的导航,它会自动显示到浏览器窗口的顶部。

主页:https://github.com/LiranCohen/stickUp

3、格式化 Autotab

AutoTab是一个轻量级的jQuery插件,提供了在一个表单文本字段的自动跳格和过滤,一旦达到设定的最大字符数,焦点将自动设置为下一个定义的元素。同样,按退格键清除输入的内容,焦点将自动返回之前的目标。

主页:http://www.mathachew.com/sandbox/jquery-autotab/

4、图表插件 jqPlot

jqPlot是jQuery的JavaScript框架一个绘图和图表插件。jqPlot 提供各种漂亮的折线,条形和饼图图表。jqPlot 不仅可以元素定制,甚至使用丰富的插件定义各种功能!并且它支持主流的绝大多数浏览器。

它有如下特点:

  • 许多图表样式选项。

  • 日期轴与自定义的格式化。

  • 自动趋势线计算。

  • 工具提示和数据点突出。

  • 合理的缺省值,易于使用。


主页:http://www.jqplot.com/

5、视频背景 Bigvideo.js

BigVideo.js 是一个 jQuery 视频插件,能让用户很方便将视频作为网站的背景并且能够生成自适应的视频背景。它可以播放一个无声视频(或一系列视频),或者像播放器一样提供一个视频列表给用户,让他们选择喜欢的进行播放。这个插件基于 Video.js 构建。此外如果有些设备不支持自动播放则转换成用图片来显示。




主页:http://dfcb.github.io/BigVideo.js/

6、翻页效果 Turn.js

Turn.js 是一个轻量级的 (15kb) jQuery/html5 插件,用来创建类似书本和杂志翻页效果,支持触摸屏设备。Turn.js 支持硬件加速来让翻页效果更加平滑。它可通过 API 来获取当前显示的页号,并提供选项来定制默认页号、加速器、阴影和延时。

主页:https://github.com/blasten/turn.js

7、树编辑器 Treed

Treed 是一个简单易用的,可扩展,可订制,功能强达的树编辑器。

主页:http://jquery-plugins.net/treed-powerful-tree-editor

8、省市联动 Distpicker

Distpicker 是一个中国地区简易的省市地区联动jQuery插件。


主页:https://fengyuanchen.github.io/distpicker/

9、画廊 Unite Gallery

Unite Gallery是一个jQuery的图像和视频库的插件。它非常强大,速度快,拥有所有必须具备的功能,如响应速度,触摸功能,甚至缩放功能等。

主页:http://unitegallery.net/

10、货币格式 CurrencyFormatter.js

CurrencyFormatter.js允许用户以多种货币格式格式化数字。它包含155种货币的定义,并能处理异常格式的货币,如印度卢比,是完全可配置的。


主页:https://osrec.github.io/currencyFormatter.js/

这次就到这里了,下次继续,希望喜欢的朋友多多收藏、订阅和留言支持,谢谢。头条号:折翅的小鸟