2011年7月10个非常棒的jQuery插件
admin 13年前
<h3>1) <a href="/misc/goto?guid=4958185446431841399" target="_blank">Scrollable</a></h3> <p>可以按自己的需求在一个简单,可配置的导航条中指定像1, 2, 3, 15…这样的展播分页框。</p> <p style="text-align:center;"><a href="/misc/goto?guid=4958185446431841399" target="_blank"><img title="Scrollable" border="0" alt="Scrollable" src="https://simg.open-open.com/show/9b581b185e215d2ea79f94db7e05fa2e.jpg" width="550" height="244" /></a></p> <h3 left;\?="">2) Vertical Slider</h3> <p>jquery.mb.verticalSlider能够让将一个很长的列表进行分页管理,它能够管理已经存在你页面DOM中的任何元素集合,也可以通过Ajax按需加载。此外它还支持鼠标滚轮操作。</p> <p style="text-align:center;"><a href="/misc/goto?guid=4958185447857446415" target="_blank"><img class="aligncenter size-full wp-image-5627" title="verticalSlider" alt="" src="http://webtablab.com/wp-content/uploads/2011/08/verticalSlider.jpg" width="349" height="427" modo="false" /></a></p> <h3 left;\?="">3) Ajax Zoom</h3> <p>AJAX-ZOOM是一个基于jQuery+PHP开发,强大的图片缩放和平移控件。它具有大约300个选项,可以很容易地集成到任何网站,CMS或网上商店。</p> <p style="text-align:center;"><a href="/misc/goto?guid=4958185448603570846" target="_blank"><img class="aligncenter size-full wp-image-5628" title="Query Image Zoom" alt="" src="http://webtablab.com/wp-content/uploads/2011/08/Query-Image-Zoom.jpg" width="543" height="336" modo="false" /></a></p> <h3 left;\?="">4) Explr_jQuery_Tree</h3> <p>一个简单并且轻巧的小于3KB jQuery tree插件。它能够从一个普通的菜单列表元素创建出一个简单层级树型导航控件。</p> <p style="text-align:center;"><a href="/misc/goto?guid=4958185449347082767" target="_blank"><img class="aligncenter size-full wp-image-5629" title="tree plugins" alt="" src="http://webtablab.com/wp-content/uploads/2011/08/tree-plugins-e1313404561575.png" width="550" height="279" modo="false" /></a></p> <h3 left;\?="">5) Collapser</h3> <p>Jquery collapser是一个用于展开和关闭页面元素的jQuery插件。可以利用这个插件创建一个Accordion,List collapser。</p> <p>特性:-</p> <ul> <li>非常轻巧,快速,简单</li> <li>可以开关一个页面中的任意元素</li> <li>可以添加单独的类,用于展开和关闭</li> <li>自定义定位元素</li> <li>提供回调函数</li> <li>跨浏览器支持</li> </ul> <p style="text-align:center;"><a href="/misc/goto?guid=4958185450095416024" target="_blank"><img class="aligncenter size-full wp-image-5630" title="Jquery collapser plugin" alt="" src="http://webtablab.com/wp-content/uploads/2011/08/Jquery-collapser-plugin.jpg" width="415" height="169" modo="false" /></a></p> <h3 left;\?="">6) jQuery web page content indexer plugin</h3> <p>jQuery Web Page Content Indexer Plugin是一个能够自动为页面内容创建索引目录的jQuery插件。自动创建索引菜单,非常适合于拥有很长内容的页面的索引目录创建。</p> <p style="text-align:center;"><a href="/misc/goto?guid=4958185450834913301" target="_blank"><img class="aligncenter size-full wp-image-5632" title="Indexer Plugin" alt="" src="http://webtablab.com/wp-content/uploads/2011/08/Indexer-Plugin.jpg" width="450" height="308" modo="false" /></a></p> <h3 left;\?="">7) Full Screen Background Slideshow</h3> <p>* 调整大小的图像,以填补浏览器,同时保持图像尺寸比<br /> * 通过幻灯片转换和预加载来循环更换背景图片。<br /> * 可以通过暂停/播放和向前/向后控制导航</p> <p style="text-align:center;"><a href="/misc/goto?guid=4958185451578742781" target="_blank"><img class="aligncenter size-full wp-image-5633" title="Supersized Slideshow jQuery Plugin" alt="" src="http://webtablab.com/wp-content/uploads/2011/08/Supersized-Slideshow-jQuery-Plugin-e1313406722400.jpg" width="550" height="209" modo="false" /></a></p> <h3 left;\?="">8 ) Innovation Slide Plugin jQuery</h3> <p>用于创建一个拥有多种特效图片滑动展示插件,可以添加文字说明。</p> <p style="text-align:center;"><a href="/misc/goto?guid=4958185452325774054" target="_blank"><img class="aligncenter size-full wp-image-5634" title="Innovation Slide" alt="" src="http://webtablab.com/wp-content/uploads/2011/08/Innovation-Slide-e1313406975723.jpg" width="550" height="369" modo="false" /></a></p> <h3 left;\?="">9) jQuery Nice Social Media Share Plugin</h3> <p><span id="IL_AD8" class="IL_AD"><u><span style="font-family:Georgia;color:#0099ff;">Social media</span></u></span> 是一个用于共享到各种社交网络和微博中的工具条。</p> <p style="text-align:center;"><a href="/misc/goto?guid=4958185453061404470" target="_blank"><img class="aligncenter size-full wp-image-5636" title="Social Media Share and Bookmark Plugin" alt="" src="http://webtablab.com/wp-content/uploads/2011/08/Social-Media-Share-and-Bookmark-Plugin.jpg" width="432" height="246" modo="false" /></a></p> <h3 left;\?="">10) Docklr</h3> <p>这是一个用于创建类似于苹果Dock导航菜单的jQuery插件。 <br /> Features :-</p> <ul> <li>支持创建子菜单</li> <li>CSS fallback.</li> <li>Semantic HTML.</li> <li>动画Tooltip显示</li> <li>弹跳动画效果.</li> </ul> <p style="text-align:center;"><a href="/misc/goto?guid=4958185453796291469" target="_blank"><img class="aligncenter size-full wp-image-5637" title="Docklr" alt="" src="http://webtablab.com/wp-content/uploads/2011/08/Docklr-e1313408891102.jpg" width="550" height="249" modo="true" /></a></p> 原文: <a href="/misc/goto?guid=4958185454554157580" target="_blank">http://webtablab.com/development/best-jquery-plugins-july-2011</a>