提供各种各样的组件是为了提供更好的交互性,并提供形式各异的数据。换句话说,组件是可视化最基础的一部分。在这篇文章中,我会分享一些我们找到的一些非常实用的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
分享到:
相关推荐
【标题】"19个Web开发者必备速查表"涵盖了Web开发中的关键概念和技术,是提升Web开发技能的重要参考资料。这份速查表旨在帮助开发者快速查找、理解和应用各种Web开发技术,提高工作效率。 【描述】"Web开发者必备速...
标题中的“强大的UI功能组件源码”指的就是 jQuery UI 的源代码,这为开发者提供了一个深入理解其工作原理的机会,同时也可以根据项目需求进行定制化开发。源码分析可以帮助开发者优化性能,修复潜在问题,或者添加...
全网最全的JQuery手册大全,是非常完整的参考手册,不论你是初学者或者想...《JQuery开发者必备组件》 《JQuery模拟Ajax请求和响应》参考文档 《jQuery事件使用手册》 《jQuery性能优化38论》 《jQuery性能优化技巧》
"jQuery学习必备10几种经典特效"是一个针对初学者和中级开发者的重要资源,它包含了一系列预封装的特效源码,可以帮助你快速掌握jQuery的核心功能和特效实现。 首先,我们来看一下“特效核心”。这个部分通常涵盖了...
本文将围绕“jquery+ajax 学习必备的源码个书籍(推荐)”这一主题,深入探讨这两个技术的核心概念、应用场景以及学习资源。 jQuery是一个广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画和Ajax交互...
"jQuery开发必备"这个主题涵盖了成为一个高效jQuery开发者所需掌握的关键知识点。 首先,了解jQuery的基本语法至关重要。jQuery通过"$"符号作为入口点,允许开发者快速选择页面中的元素。例如,`$("#id")`会选择ID...
jQuery UI是基于JavaScript库jQuery的一个强大组件,它为Web开发者提供了丰富的用户界面交互元素和设计模式。在"jquery-ui-1.8.5"这个压缩包中,包含了实现高质量UI设计所需的基本资源和实例,使得网页的交互性和...
"最新各类jquery特效插件&前端必备"这个主题涵盖了jQuery在现代Web开发中的广泛应用,包括3D标签、表单处理、表格操作、弹出层、窗口管理、导航设计、评分系统、时间与日历组件、进度条、图片处理、文字动画、广告...
这两个技术的整合为开发者提供了强大的功能,使得前端交互更加流畅,后端处理更加灵活。这里我们将深入探讨Ajax、Struts2以及它们如何通过jar包在Java项目中协同工作。 Ajax是一种技术,它允许Web应用在不刷新整个...
《JQUERY权威指南(完整版)前端开发必备》是一本专为Web前端开发者撰写的书籍,它旨在帮助开发者全面掌握jQuery这一广泛使用的JavaScript库。jQuery自2006年发布以来,迅速成为Web开发中不可或缺的工具,它简化了...
jQuery EasyUI 1.3.6 是一个基于 jQuery 的轻量级前端框架,它提供了丰富的组件和API,帮助开发者快速构建交互式、响应式的Web应用。这个离线简体中文API文档CHM文件是开发者的必备工具,尤其对于不熟悉英文文档的...
jQuery中文帮助文档是初学者和经验丰富的开发者必备的工具,它包含了所有jQuery函数和方法的解释,以及如何在实际项目中应用这些功能的示例。通过阅读这份文档,你可以学习到如何高效地选择和操作HTML元素,实现动态...
jQuery UI 是一个基于 jQuery JavaScript 库的用户界面插件集合,它提供了丰富的交互效果、可自定义的主题以及多种组件,帮助开发者构建功能强大的Web应用程序。在深入探讨之前,我们先来了解一下jQuery UI的核心...
jQuery UI 是一个基于 jQuery JavaScript 库的开源项目,它为开发者提供了一系列可定制的用户界面组件,包括但不限于对话框、拖放功能、日期选择器、进度条、排序列表等。标题“jquery-ui-1.12.1”表明我们关注的是...
“jQuery API手册”详细介绍了每个jQuery方法、参数、返回值以及示例代码,是开发者解决问题和查找功能的必备工具。同样,“jQuery UI API手册”则专注于jQuery UI组件的使用方法和配置选项,帮助开发者更好地利用...
《jQuery API 手册》是Web开发者不可或缺的参考资料,它详细介绍了jQuery库的各种函数、方法和事件,旨在帮助开发者高效地使用这个强大的JavaScript库。英文版的手册为全球开发者提供了通用的语言环境,使得交流和...
2. **jQuery UI Datepicker**:jQuery UI库的一部分,提供了丰富的定制选项,包括日期格式、月份和年份下拉框、日期限制等,且易于与其他jQuery UI组件集成。 3. **Pickadate.js**:轻量级且高度可定制的日历插件,...
《jQuery API CHM指南》 jQuery,作为一款广泛使用的JavaScript...总之,“jQueryAPI_CHM.CHM”这份资源是jQuery开发者的必备参考,通过深入学习,开发者可以更熟练地运用jQuery,提高开发效率,打造更优秀的Web应用。
本篇文章将聚焦于jQuery的十大经典特效,这些特效不仅展示了jQuery的魅力,也是许多Web开发者必备的技能。 一、淡入淡出(FadeIn/FadeOut) jQuery的FadeIn()和FadeOut()方法可以实现元素的渐显和渐隐效果,通过...
自2006年发布以来,jQuery以其简洁易用的API(应用程序接口)赢得了全球开发者的广泛喜爱,成为前端开发的必备工具之一。 一、jQuery的核心理念 jQuery的核心理念是"Write Less, Do More",即用更少的代码实现更多...