推荐10 个新奇的jQuery Web用户界面插件
fmms 13年前
<div id="OSChina_News_20722" class="NewsContent TextContent NewsType2"> <p>本文收集了用于Web用户界面设计的10款jQuery插件。它们都非常实用。这些插件包括页面消息提醒,可编辑表格、向导设计等类型。</p> <h3><a href="/misc/goto?guid=4958185348558646154" rel="nofollow" target="_blank">1. Smart Wizard</a></h3> <p>这是一个用于制作漂亮的向导界面的jQuery插件, <a href="/misc/goto?guid=4958185349307774876" rel="nofollow" target="_blank">演示</a>.<br /> <img title="img1.jpg" border="0" alt="img1.jpg" src="https://simg.open-open.com/show/78b92ce1d582bbc8afb5f5e63424cac4.jpg" /></p> <h3><a href="/misc/goto?guid=4958185350049336422" rel="nofollow" target="_blank">2. MsgUI Notification Plugin</a></h3> <p>网页消息提醒插件,效果特不错的。 <a href="/misc/goto?guid=4958185350796030672" rel="nofollow" target="_blank">演示</a>.<br /> <img style="width:590px;height:311px;" alt="MsgUI Notification Plugin" src="https://simg.open-open.com/show/e6b53423a664bd6b778cbe168adbb5fa.jpg" width="505" height="452" /></p> <h3><a href="/misc/goto?guid=4958185351537424787" rel="nofollow" target="_blank">3. jQXB Expression Binder</a></h3> <p>这是基于jQuery的JS对象和HTML元素之间的双向数据绑定。 <a href="/misc/goto?guid=4958185352281089471" rel="nofollow" target="_blank">演示</a>.<br /> <img alt="jQXB Expression Binder" src="https://simg.open-open.com/show/e66ba1f2c9f401f96dd9145907fab84c.jpg" /></p> <h3><a href="/misc/goto?guid=4958185353025044911" rel="nofollow" target="_blank">4. HTSQL/HTRAF Data Binding Toolkit</a></h3> <p>HTSQL – 用于数据库的查询语言和即时API;HTRAF – HTSQL的web 工具包,可以让你在几分钟内创建Web应用, <a href="/misc/goto?guid=4958185353775371850" rel="nofollow" target="_blank">演示</a>.<br /> <img alt="HTRAF Data Binding Toolkit" src="https://simg.open-open.com/show/cca088486eada359304c3e5c080513f5.jpg" /></p> <h3><a href="/misc/goto?guid=4958185354514798437" rel="nofollow" target="_blank">5. search list filtering</a></h3> <p>搜索过滤列表, <a href="/misc/goto?guid=4958185355256920790" rel="nofollow" target="_blank">查看演示</a>.<br /> <img alt="search list filtering" src="https://simg.open-open.com/show/4783b7480179ff2a547ee87128c261bd.jpg" /></p> <h3><a href="/misc/goto?guid=4958185355994968875" rel="nofollow" target="_blank">6. iMask</a></h3> <p>用于校验输入<span id="result_box" lang="zh-CN" class="short_text"><span class="atn">(例如,“</span><span>99/99/99</span><span>”</span><span>)</span><span>和数字输入。</span></span><a href="/misc/goto?guid=4958185356741421721" rel="nofollow" target="_blank">演示</a>.<br /> <img alt="iMask" src="https://simg.open-open.com/show/447a9d1832e3f2ecdf95f96d6d0348c1.jpg" /></p> <h3><a href="/misc/goto?guid=4958185357481009927" rel="nofollow" target="_blank">7. Password Strength Checker</a></h3> <p>密码强度检测插件,<a href="/misc/goto?guid=4958185358228189450" rel="nofollow" target="_blank">演示</a>.<br /> <img style="width:522px;height:147px;" alt="Password Strength Checker" src="https://simg.open-open.com/show/28e1c78f535c98d518494dbdd34f1b53.jpg" width="522" height="190" /></p> <h3><a href="/misc/goto?guid=4958185358964573344" rel="nofollow" target="_blank">8. jCRUD</a></h3> <p>表格jQuery插件,用于创建、读取、更新、删除HTML表格的内容, <a href="/misc/goto?guid=4958185359705484287" rel="nofollow" target="_blank">演示</a>.<br /> <img style="width:588px;height:261px;" alt="jCRUD" src="https://simg.open-open.com/show/56e67a7287b8d885ef598ea37b9a2ff1.jpg" width="502" height="315" /></p> <h3><a href="/misc/goto?guid=4958185360453193455" rel="nofollow" target="_blank">9. Browser PinPad</a></h3> <p>一个漂亮的数字输入面板, <a href="/misc/goto?guid=4958185361190406681" rel="nofollow" target="_blank">查看演示</a>.<br /> <img alt="Browser PinPad" src="https://simg.open-open.com/show/7cc158ceaee7dc5533ec9ba6dd0d8049.jpg" /></p> <h3><a href="/misc/goto?guid=4958185361936442871" rel="nofollow" target="_blank">10. jRate</a></h3> <p>这是一个小巧灵活,星级评价jQuery插件。<a href="/misc/goto?guid=4958185362686511932" rel="nofollow" target="_blank">演示</a>.<br /> <img alt="jRate" src="https://simg.open-open.com/show/46f539ba156eaa626d2a199d71468ac2.jpg" /></p> <p>原文:<a href="/misc/goto?guid=4958185363440236292">http://www.script-tutorials.com/10-oven-fresh-jquery-plugins-for-ui/</a></p> </div>