10 个基于 jQuery 的 Web 交互插件推荐
2014-05-09 08:52
543 查看
英文原文:10 jQuery for Web Interaction Plugins
“用户交互”在现代的 Web 设计中占据了很大比例,这是互联网产品不可或缺的关键,对 Web 设计师也提出了更高的要求。
本文整理了 10 款基于 jQuery 的 Web 交互插件,可以帮助你提高工作效率,或带给你一些设计灵感。
1. Redactor:奇妙的所见即所得编辑器
该工具有一个非常好的 API,允许你根据需要进行定制。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202009/22/ace0abdea83f5bfd544e9b77b0391fdb.jpg)
源码 / 演示
2. elFinder:基于 web 的文件管理工具
一个开源的、基于 web 的文件管理工具,使用 JavaScript 和 jQuery UI 开发。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202009/22/f737c3ef4ab60a9115a384fb2bf9fda9.jpg)
源码 / 演示
3. Experimental Page Layout
该工具的灵感来自于著名的 Flipboard 应用(该应用可以将用户喜欢的 Twitter 消息和网站以杂志的形式输出),提供了精彩的翻书效果。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202009/22/a5c1317fc02d8fb68d5efd48227307f5.jpg)
源码 / 演示
4. 社交媒体标签
集成了大量社交网络和订阅网站的标签,包含 15 个社交网络和 33 个订阅选项。你可以将该插件添加到任何网站中,无需 PHP。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202009/22/c6fd7d8fb05d99b29580004477d0d9fb.jpg)
源码 / 演示
5. 本地全屏 API
HTML5视频播放器 MediaElement.js 中的一个全屏 API,可以在 Safari 5.1+、Chrome 15+ 或 Firefox 10+ 中完美运行。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202009/22/38ad6f3adff5528f76b001368ae240cf.jpg)
源码 / 演示
6. Revolver
用于创建全屏、平滑网站的 jQuery 插件,可以集成到任何网站模板中。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202009/22/633d273390790f8296a3c277635bae45.jpg)
源码 / 演示
7. firstImpression.js
这是一个微型库(压缩后 1kb),用来检测当前用户以前是否访问过该网站。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202009/22/80ce96937134dc697a39cca95d99acd9.jpg)
源码 + 演示
8. Joyride
你可以通过该插件,来引导你的网站访问者的下一步操作。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202009/22/f4362e3a0d7e147353055a61d3c07f6f.jpg)
源码 / 演示
9. jQuery History
通过跟踪 URL Hashes,告知你页面状态的变化。支持通过书签、向后/向前按钮,以及跨浏览器所触发的变化。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202009/22/d25f7c99928faf3086275fa141135ba1.jpg)
源码 / 演示
10. Biggerlink
一个 jQuery 插件,可以轻松使特定元素呈现出首个链接中的内容。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202009/22/3c591af5c32a9020dd8fc89088a92cbb.jpg)
源码 / 演示
“用户交互”在现代的 Web 设计中占据了很大比例,这是互联网产品不可或缺的关键,对 Web 设计师也提出了更高的要求。
本文整理了 10 款基于 jQuery 的 Web 交互插件,可以帮助你提高工作效率,或带给你一些设计灵感。
1. Redactor:奇妙的所见即所得编辑器
该工具有一个非常好的 API,允许你根据需要进行定制。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202009/22/ace0abdea83f5bfd544e9b77b0391fdb.jpg)
源码 / 演示
2. elFinder:基于 web 的文件管理工具
一个开源的、基于 web 的文件管理工具,使用 JavaScript 和 jQuery UI 开发。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202009/22/f737c3ef4ab60a9115a384fb2bf9fda9.jpg)
源码 / 演示
3. Experimental Page Layout
该工具的灵感来自于著名的 Flipboard 应用(该应用可以将用户喜欢的 Twitter 消息和网站以杂志的形式输出),提供了精彩的翻书效果。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202009/22/a5c1317fc02d8fb68d5efd48227307f5.jpg)
源码 / 演示
4. 社交媒体标签
集成了大量社交网络和订阅网站的标签,包含 15 个社交网络和 33 个订阅选项。你可以将该插件添加到任何网站中,无需 PHP。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202009/22/c6fd7d8fb05d99b29580004477d0d9fb.jpg)
源码 / 演示
5. 本地全屏 API
HTML5视频播放器 MediaElement.js 中的一个全屏 API,可以在 Safari 5.1+、Chrome 15+ 或 Firefox 10+ 中完美运行。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202009/22/38ad6f3adff5528f76b001368ae240cf.jpg)
源码 / 演示
6. Revolver
用于创建全屏、平滑网站的 jQuery 插件,可以集成到任何网站模板中。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202009/22/633d273390790f8296a3c277635bae45.jpg)
源码 / 演示
7. firstImpression.js
这是一个微型库(压缩后 1kb),用来检测当前用户以前是否访问过该网站。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202009/22/80ce96937134dc697a39cca95d99acd9.jpg)
源码 + 演示
8. Joyride
你可以通过该插件,来引导你的网站访问者的下一步操作。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202009/22/f4362e3a0d7e147353055a61d3c07f6f.jpg)
源码 / 演示
9. jQuery History
通过跟踪 URL Hashes,告知你页面状态的变化。支持通过书签、向后/向前按钮,以及跨浏览器所触发的变化。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202009/22/d25f7c99928faf3086275fa141135ba1.jpg)
源码 / 演示
10. Biggerlink
一个 jQuery 插件,可以轻松使特定元素呈现出首个链接中的内容。
![](https://oscdn.geek-share.com/Uploads/Images/Content/202009/22/3c591af5c32a9020dd8fc89088a92cbb.jpg)
源码 / 演示
相关文章推荐
- 10 个基于 jQuery 的 Web 交互插件推荐
- 10 个基于 jQuery 的 Web 交互插件推荐
- 10 个基于 jQuery 的 Web 交互插件推荐
- 10 个令人惊喜的 jQuery 插件推荐
- 构建基于Javascript的移动web CMS——添加jQuery插件
- 10 个基于 JavaScript 的图表插件推荐
- 精选推荐 23 款基于jquery的web前端网页特效
- (转)基于MVC4+EasyUI的Web开发框架经验总结(1)-利用jQuery Tags Input 插件显示选择记录
- (转)基于MVC4+EasyUI的Web开发框架经验总结(12)--利用Jquery处理数据交互的几种方式
- 6 个基于 jQuery 的表单向导插件推荐
- 16 款基于jQuery的图片缩放效果插件推荐
- 一张图片 点击鼠标放大,再点缩小 ( 基于jquery1.8.3), 另外推荐一款插件:lightBox...效果不错。
- 基于jquery的web页面日期格式化插件
- 6 个基于 jQuery 的表单向导插件推荐
- 10 款基于 jQuery 的切换效果插件推荐
- 10 个基于jQuery的表单增强脚本和插件
- 自己动手制作基于jQuery的Web页面加载进度条插件
- Dynatable – 基于 HTML5 & jQuery 的交互表格插件
- 基于MVC+EasyUI的Web开发框架经验总结(12)--利用Jquery处理数据交互的几种方式
- 前端交互消息显示插件 jQuery Messenger(基于jQuery)