10 个基于 jQuery 的 Web 交互插件推荐
2024-07-03 14:05:22 228人阅读
英文原文:10 jQuery for Web Interaction Plugins
“用户交互”在现代的 Web 设计中占据了很大比例,这是互联网产品不可或缺的关键,对 Web 设计师也提出了更高的要求。
本文整理了 10 款基于 jQuery 的 Web 交互插件,可以帮助你提高工作效率,或带给你一些设计灵感。
1. Redactor:奇妙的所见即所得编辑器
该工具有一个非常好的 API,允许你根据需要进行定制。
源码 / 演示
2. elFinder:基于 web 的文件管理工具
一个开源的、基于 web 的文件管理工具,使用 JavaScript 和 jQuery UI 开发。
源码 / 演示
3. Experimental Page Layout
该工具的灵感来自于著名的 Flipboard 应用(该应用可以将用户喜欢的 Twitter 消息和网站以杂志的形式输出),提供了精彩的翻书效果。
源码 / 演示
4. 社交媒体标签
集成了大量社交网络和订阅网站的标签,包含 15 个社交网络和 33 个订阅选项。你可以将该插件添加到任何网站中,无需 PHP。
源码 / 演示
5. 本地全屏 API
HTML5视频播放器 MediaElement.js 中的一个全屏 API,可以在 Safari 5.1+、Chrome 15+ 或 Firefox 10+ 中完美运行。
源码 / 演示
6. Revolver
用于创建全屏、平滑网站的 jQuery 插件,可以集成到任何网站模板中。
源码 / 演示
7. firstImpression.js
这是一个微型库(压缩后 1kb),用来检测当前用户以前是否访问过该网站。
源码 + 演示
8. Joyride
你可以通过该插件,来引导你的网站访问者的下一步操作。
源码 / 演示
9. jQuery History
通过跟踪 URL Hashes,告知你页面状态的变化。支持通过书签、向后/向前按钮,以及跨浏览器所触发的变化。
源码 / 演示
10. Biggerlink
一个 jQuery 插件,可以轻松使特定元素呈现出首个链接中的内容。
源码 / 演示
<iframe id="google_ads_frame2" vspace="0" height="250" marginHeight="0" src="http://googleads.g.doubleclick.net/pagead/ads?client=ca-pub-3447371224873639&output=html&h=250&slotname=8660799060&adk=1970350646&w=300&lmt=1399548923&flash=0&url=http%3A%2F%2Fwww.cnblogs.com%2Franzige%2Fp%2F3716052.html&dt=1399548924409&shv=r20140501&cbv=r20140417&saldr=sb&prev_slotnames=4356862740&correlator=1399548924323&frm=20&ga_vid=429972749.1397695120&ga_sid=1399544814&ga_hid=1200012782&ga_fc=1&u_tz=480&u_his=98&u_java=1&u_h=768&u_w=1364&u_ah=740&u_aw=1364&u_cd=16&u_nplug=0&u_nmime=0&dff=tahoma&dfs=12&adx=0&ady=2993&biw=314&bih=74&eid=317150304&oid=3&rx=0&eae=0&docm=9&vis=0&fu=0&ifi=2&xpc=isYFBu7rQp&p=http%3A//www.cnblogs.com&dtd=81" frameBorder="0" width="300" allowTransparency="true" name="google_ads_frame2" marginWidth="0" scrolling="no" hspace="0"></iframe><iframe id="google_ads_frame3" vspace="0" height="250" marginHeight="0" src="http://googleads.g.doubleclick.net/pagead/ads?client=ca-pub-3447371224873639&output=html&h=250&slotname=8660799060&adk=1970350646&w=300&lmt=1399548923&flash=0&url=http%3A%2F%2Fwww.cnblogs.com%2Franzige%2Fp%2F3716052.html&dt=1399548924497&shv=r20140501&cbv=r20140417&saldr=sb&prev_slotnames=4356862740%2C8660799060&correlator=1399548924323&frm=20&ga_vid=429972749.1397695120&ga_sid=1399544814&ga_hid=1200012782&ga_fc=1&u_tz=480&u_his=98&u_java=1&u_h=768&u_w=1364&u_ah=740&u_aw=1364&u_cd=16&u_nplug=0&u_nmime=0&dff=tahoma&dfs=12&adx=304&ady=3243&biw=314&bih=74&eid=317150304&oid=3&rx=0&eae=0&docm=9&vis=0&fu=0&ifi=3&xpc=CZdtUnnlZe&p=http%3A//www.cnblogs.com&dtd=48" frameBorder="0" width="300" allowTransparency="true" name="google_ads_frame3" marginWidth="0" scrolling="no" hspace="0"></iframe>
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉:
投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。