10个你可能会感兴趣的jQuery插件

webphp 13年前
     2011年8月已经过去了,让我们回顾一下8月哪些值得我们收藏的jQuery插件呢?答案就下面介绍的这10个jQuery插件。    <br />    <br />    <br />    <h3><a href="/misc/goto?guid=4958188715804121582" rel="nofollow" target="_blank">1. Animated progressbar</a></h3>    <p>这个插件将告诉你如何创建一个有动画的效果的进度条。在线示例 <a href="/misc/goto?guid=4958188269887273960" rel="nofollow" target="_blank">here</a>.<br /> <img alt="Animated progressbar" src="https://simg.open-open.com/show/bf00755e9a02822d4f0b7e3db23a148a.jpg" /></p>    <h3><a href="/misc/goto?guid=4958188717235188827" rel="nofollow" target="_blank">2. Image Zoom Tour</a></h3>    <p>这是一个图片放大插件,能够让对一张大的图片进行局部放大。在线示例 <a href="/misc/goto?guid=4958188717966713823" rel="nofollow" target="_blank">here</a>.<br /> <img alt="Image Zoom Tour" src="https://simg.open-open.com/show/447417696e44a4aa6c823e2b02a3a695.jpg" /></p>    <h3><a href="/misc/goto?guid=4958187182097710657" rel="nofollow" target="_blank">3. Mobiscroll</a></h3>    <p>这是一个漂亮的滚动器,能够让我们很方便地进行日期和时间选择。它可以在任意触摸屏设备上使用。在线示例 <a href="/misc/goto?guid=4958188719375460082" rel="nofollow" target="_blank">here</a>.<br /> <img alt="Mobiscroll" src="https://simg.open-open.com/show/d332fefb039fb251f55816b9cf342718.png" /></p>    <h3><a href="/misc/goto?guid=4958188720320789637" rel="nofollow" target="_blank">4. Notification Menu</a></h3>    <p>这个插件可以为任意菜单添加一个提醒气泡或一个提醒列表。在线示例 <a href="/misc/goto?guid=4958188721087954718" rel="nofollow" target="_blank">here</a>.<br /> <img alt="Notification Menu" src="https://simg.open-open.com/show/69daa34cdb152245211ea501ebcc161d.png" /></p>    <h3><a href="/misc/goto?guid=4958188721825647411" rel="nofollow" target="_blank">5. Tipped</a></h3>    <p>Tipped这个jQuery插件能够让你轻松创建一个漂亮的气泡效果。在线示例 <a href="/misc/goto?guid=4958188722548849644" rel="nofollow" target="_blank">here</a>.<br /> <img alt="Tipped" src="https://simg.open-open.com/show/9c42927da07ca4c9e73881ea42862357.jpg" /></p>    <h3><a href="/misc/goto?guid=4958187561673155325" rel="nofollow" target="_blank">6. jLinkPreview</a></h3>    <p>jLinkPreview这个jQuery插件能够让你在访问某一个链接前,提供一个预览图片只在鼠标放在链接上就能够显示效果。<br /> <img alt="jLinkPreview" src="https://simg.open-open.com/show/d50b89251c86c5eb2ff696b21969c85b.jpg" /></p>    <h3><a href="/misc/goto?guid=4958188723948192138" rel="nofollow" target="_blank">7. Moleskine Notebook</a></h3>    <p>利用自定义的内容创建一个非常酷的虚拟笔记本。在线示例<a href="/misc/goto?guid=4958188724679136707" rel="nofollow" target="_blank"> here</a>.<br /> <img alt="Moleskine Notebook" src="https://simg.open-open.com/show/c1e9a13b5431e31435fe2a50fadb06c4.jpg" /></p>    <h3><a href="/misc/goto?guid=4958188725405757183" rel="nofollow" target="_blank">8. ComboGrid</a></h3>    <p><strong>Combogrid</strong> 是一个jQuery插件用于为输入框添加高级自完成功能(<strong>auto-complete)</strong>。当用户输入的时候,会在输入框的下方面动态显示一个拥有分页功能的表格(Grid)控件。通过Ajax请求,然后结果以JSON(或JSONP:用于跨域请求)的数据类型返回。这个插件拥有许多选项可以配置比如:设置交替行的颜色,自动选择相匹配的查询结果, 设置当输入到第几个字符号才激活表格。此外还支持键盘操作。在线示例 <a href="/misc/goto?guid=4958188726161270916" rel="nofollow" target="_blank">here</a>.<br /> <img alt="ComboGrid" src="https://simg.open-open.com/show/417a6f1c59f6426938422391cbfbeb21.jpg" /></p>    <h3><a href="/misc/goto?guid=4958188726893423550" rel="nofollow" target="_blank">9. Smart spin</a></h3>    <p>Smart spin是一个<span class="st">微调按钮(Spin Button)构件通常用于让用户从一个取值范围你选择一个值。它由一个文本输入框和旁边的向上和向下两个按钮组成。支持键盘操作。</span>在线示例 <a href="/misc/goto?guid=4958188727617750153" rel="nofollow" target="_blank">here</a>.<br /> <img alt="Smart spin" src="https://simg.open-open.com/show/c19e5d03103c0c79ef83d3ec308c361b.jpg" /></p>    <h3><a href="/misc/goto?guid=4958188728358407509" rel="nofollow" target="_blank">10. Ajax Image Upload</a></h3>    <p>一个新的Ajax图片上传控件。在线示例 <a href="/misc/goto?guid=4958188729090146615" rel="nofollow" target="_blank">here</a>.<br /> <img alt="Ajax Image Upload" src="https://simg.open-open.com/show/292fce53bd6600a6deccd0551f2b54ca.jpg" /></p>