提供各种各样的组件是为了提供更好的交互性,并提供形式各异的数据。换句话说,组件是可视化最基础的一部分。在这篇文章中,我会分享一些我们找到的一些非常实用的jQuery组件。它们健壮、轻量级前且很稳定,相信很多人已经了解过其中的内容。如果有什么问题请及时在评论中反馈给我们。
1. SpryMap
SpryMap是一个超轻量级的组件,只有2.8KB,是一个不需要三方依赖的Javascript组件,能够让 HTML 元素实现类似 Google Maps 中的点击和拖拽效果。
2. Headroom.js
Headroom.js是一个可以让你设置下拉滚动页面后,自动隐藏顶部导航的插件,目前固定顶部导航栏开始变得流行起来,即访客向下滚动页面时,顶部的导航栏永远在一个相对的顶部位置,这样做可以让访客们轻松的点击网页中的其它栏目,而不必重新再返回顶部寻找其它栏目。
但我们都知道众口难调,并不是所有访客都喜欢你这么设计,有些人会觉得碍眼,当他浏览文章内容的时候,他们不想看到导航栏总是呆在固定的位置,甚至会觉得影响到他阅读网页内容,因此Headroom.js这款插件给了我们解决方案,它可以让前端开发者们设定顶部导航栏自动隐藏的位置,即当用户向下滚动页面至某一个高度时隐藏固定导航栏,当鼠标向上滚动时才会再次出现。
3. Social Count
SocialCount是一个响应式的社交分享组件,定制非常简单,支持鼠标、触控和键盘监听。
4. jQuery Percentage Loader
jQuery Percentage Loader 是一个很小的 jQuery 插件,压缩后只有10k,用来显示非常炫的进度条信息。
它是通过HTML5 Canvas实现的,仅仅依赖JavaScript,这种方法显然会比使用图片更优,你可以查看它的源码。
5. PonoJS3
PanoJS3是一个交互性很强的JavaScript组件,这个组件让图片缩放变得非常简单,非常适合用来查看很大的。比如像地图这样高精度的文档,PanoJS3运行多种平台:PC,Mac和手机,它运行Chrome3+, Safari 3+, FireFox 2+, Internet Explorer 8+, Opera 9+。
6. jQuery File Upload Widget
jQuery File Upload是一个支持多选的文件上传组件。它运行各种后台技术 (PHP, Python, Ruby on Rails, Java, Node.js, Go etc.)。
7. Mobi Pick
Mobi Pick是一款Android风格的日期选择组件,主要利用了jQuery Mobile脚本库。Mobi Pick提供了3种不同的日期选择功能,最简单的日期选择功能是选择年月日,另外一种是可以自定义修改年月日,还有一种是可以下拉选择日期。由于Mobi Pick有着Android的风格样式,因此外观相当漂亮。
8. Sausage
Sausage.js是一个页面文本展示的jQuery UI组件,是一个集展示和审查于一体的完全解决方案。 源码托管在Github上,需要jQuery和jQuery UI库支持。
9. jQuery UI Notify Widge
jQuery UI Notify Widget是一个类似于Growl的消息提醒控件。只有100行的CSS代码。
10. Yunero
Yunero是一个很新的jQuery组件,为视频展示提供解决方案,可以选择YouTube或是其实自定义的视频源。
11. MiniTwitter
MiniTwitter 是一个把Twitter展示在你的网站或是WordPress中的jQuery组件。
12. Zino UI
Zino UI 是一款基于jquery的UI插件,用户界面框架包含23种不同的组件。为你的web程序和企业应用提供跨平台的用户接口框架,让你的CMS、后台和前端变得更加强大。
13. Scrollstory
ScrollStory 是个 jQuery UI 部件,用来创建简单的,基于滚动的页面和交互方式。用户滚动到哪个部分就高亮页面的哪个部分。
14. jqTree
jqTree是具有扩展和可折叠的树视图。它是轻量级的,灵活的jQuery插件,它将一个无序列表转换为可展开和折叠的树。
15. Sharrre
Sharrre是一个 专注于分享的jQuery组件。运行Facebook, Twitter, Google Plus, Digg 和 Delicious 等等。
16. SDashboard
sDashboard 是一个jQuery插件可以将关联对象转成各种面板,每个对象转成部件后可以进行拖拉操作。
转自:
http://www.gbtags.com/gb/share/4129.htm
分享到:
相关推荐
全面的jquery开发的参考文件,需要的内容以及开发涉及的语法,方法都可以在api中查询到。使用方便,快速,对于JavaScript基础不是很好的同学会有很大的的帮助的。
cui组件-web前端jquery组件库
75 份速查表,包括:jQuery、HTML、HTML5、CSS、CSS3、JavaScript、Photoshop 、git、Linux、Java、Perl、PHP、Python、Ruby、Ruby on ...速查表可能是图片,也可能是 PDF 文件,希望你能在这个列表中找到你所需要的。
JQuery 最新组件库,有最新的JQuery的组件应用,是开发、学习的很好资料。
这是一个jquery的树形组件,用于web应用开发,绝对经典!
jquery+SWFUpload+COS上传组件的使用 jquery+SWFUpload+COS上传组件的使用jquery+SWFUpload+COS上传组件的使用jquery+SWFUpload+COS上传组件的使用jquery+SWFUpload+COS上传组件的使用jquery+SWFUpload+COS上传组件...
jsp+jquery项目中正常使用vue组件并调用接口封装的request拦截器
js/jquery图形表格类特效,组件。共13个组件
基于jQuery 开发的几个组件 (Table, Grid ,Menu ,Layout) 基于jQuery 开发的几个组件 (Table, Grid ,Menu ,Layout)
全网最全的JQuery手册大全,是非常完整的参考手册,不论你是初学者或者想...《JQuery开发者必备组件》 《JQuery模拟Ajax请求和响应》参考文档 《jQuery事件使用手册》 《jQuery性能优化38论》 《jQuery性能优化技巧》
-提示文字组件 jquery.validate.zip --表单验证组件 jquery_api.chm --jQuery中文手册 jquery-mztree.zip --jQuery结合MzTreeView的组件做的地区选择 jsPacker.exe --js压缩工具 <br>每个组件均含有...
基于jquery写的一个表情组件,供大家一起共同分享学习。
清爽的蓝色日期选择组件,支持一个页面多个组件使用,jQuery版。
多附件上传组件、jquery多附件上传组件、jquery多附件上传组件、jquery多附件上传组件、jquery多附件上传组件、jquery多附件上传组件、jquery多附件上传组件、jquery多附件上传组件、jquery多附件上传组件、jquery
页面设计jquery组件
最新jQueryUI组件下载
这里是jquery 的api和方法 就是一个文档 你平时用的方法都在里面 需要的时候查一查 比官网方便多了 我也一直再用 童叟无欺
jQuery UI Autocomplete是jQuery UI的自动完成组件演示代码
jquery开发的遮罩层组件,包含提示和自定义显示,代码简单.