jQuery常用插件汇总

转载 (原文地址) zhaoyq 随笔 jQuery 2265阅读 2012-03-20 22:17:47 举报

<b><span .="font-weight: bold;">1.JCarousel </span></b><br> JCarousel这个插件用来控制一组图片实现在水平或垂直方向的滚动。<br> 详情参考:<a href="http://sorgalla.com/jcarousel/"; target="_blank" target="_blank">http://sorgalla.com/jcarousel/</a><br><b><span .="font-weight: bold;">2、soChange</span></b><br> soChange这个插件用来实现切换效果,焦点图。<br> 详情参考:<a href="http://www.cnblogs.com/wayshan/archive/2011/05/10/2041702.html"; target="_blank" target="_blank">http://www.cnblogs.com/wayshan/archive/2011/05/10/2041702.html</a><br><b><span .="font-weight: bold;">3、jQuery Mobile
</span> </b><br> jQuery Mobile
是jQuery在手机上和平板设备上的版本。jQuery Mobile
不仅会给主流移动平台带来jQuery核心库,而且会发布一个完整统一的jQuery移动UI框架。支持全球主流的移动平台。
<br> 官方网址:<a href="http://jquerymobile.com"; target="_blank" target="_blank">http://jquerymobile.com
<br></a><b><span .="font-weight: bold;">4、jQuery UI
</span></b><br> jQuery UI 是以 jQuery 为基础的开源 JavaScript
网页用户界面代码库。包含底层用户交互、动画、特效和可更换主题的可视控件。
<br> 详情请参考:<a href="http://jqueryui.com/%20"; target="_blank" target="_blank">http://jqueryui.com/
<br></a><b><span .="font-weight: bold;">5、jPageFlip

</span></b><br> jPageFlip是一个高度可定制的jQuery插件,用来创建类似书籍界面的效果。它支持鼠标点击翻页,也支持透明和半透明的图片文件。

<br> 官方网址:<a href="http://www.jpageflip.de/index_en.php%20"; target="_blank" target="_blank"></a><a href="http://www.jpageflip.de/index_en.php"; target="_blank" target="_blank">http://www.jpageflip.de/index_en.php
</a><br><span .="font-weight: bold;"><b>6、jQuery.easing
</b> </span> <br> easing是一款动画效果扩展插件
<br> 详情请参考:<a href="http://gsgd.co.uk/sandbox/jquery/easing/%20"; target="_blank" target="_blank"></a><a href="http://gsgd.co.uk/sandbox/jquery/easing/"; target="_blank" target="_blank">http://gsgd.co.uk/sandbox/jquery/easing/
</a><br><b><span .="font-weight: bold;">7、JiaThis </span></b><br> JiaThis是中国最大的社会化分享按钮及Web2.0工具提供商:提供分享到微博、QQ、人人等代码...通过访客不断的分享行为,提升网站的优质外链、增加社会化流量、带来更多的用户!

<br> 官方网址:<a href="http://www.jiathis.com/%20"; target="_blank" target="_blank"></a><a href="http://www.jiathis.com/"; target="_blank" target="_blank">http://www.jiathis.com/
</a><br><b><span .="font-weight: bold;">8、jQuery Feature Carousel
</span></b><br> Feature
Carousel是一款3D特效的图片左右切换插件。
<br> 详情参考:<a href="http://www.bkosborne.com/jquery-feature-carousel"; target="_blank" target="_blank">http://www.bkosborne.com/jquery-feature-carousel</a><br><b>9、jQuery Masonry</b><br> jquery masonry是一款瀑布流布局插件。<br> 官方网址:<a href="http://masonry.desandro.com/"; target="_blank" target="_blank">http://masonry.desandro.com/</a><br><b>10、AD Gallery相册插件</b><br> AD Gallery是一个带缩略图导航浏览,可设置照片标题和备注说明信息的jQuery相册插件。可以定义照片切换效果(左右交替,落下,淡入淡出,放大/缩小交替等)。<span .="height: 140px; display: block;"> <br> 详情参考:<a href="http://www.helloweba.com/view-blog-61.html"; target="_blank" target="_blank">http://www.helloweba.com/view-blog-61.html</a><br><b>11、jScrollPane滚动条插件</b><br> jScrollPane</span>插件可以让你通过简单的CSS设置替换默认的滚动条样式,即滚动条模拟。<br> 详情参考:<a href="http://jscrollpane.kelvinluck.com/index.html"; target="_blank" target="_blank">http://jscrollpane.kelvinluck.com/index.html</a><br><b>12、Cloud Zoom图片放大镜</b><br> CloudZoom 是一个对图片进行局部放大的 jQuery 插件。<br> 详情参考:<a href="http://www.professorcloud.com/mainsite/cloud-zoom.htm"; target="_blank" target="_blank">http://www.professorcloud.com/mainsite/cloud-zoom.htm</a>;或 <a href="http://www.helloweba.com/view-blog-38.html"; target="_blank" target="_blank">http://www.helloweba.com/view-blog-38.html</a>; <br><b>13、jQuery Raty星级评分插件<br> </b>jQuery Raty这是一个能够自动生成可定制的星级评分jQuery插件。可以自定义图标,创建各种评级组合,星星数量,每一颗星星的注释,可以在当一个星星被点击时的加回调函数。<br> 官方网站:<a href="http://www.wbotelhos.com/raty/"; target="_blank" target="_blank">http://www.wbotelhos.com/raty/</a><br><b>14、Superfis多级下拉菜单</b><br> jQuery菜单插件。支持水平/垂直方向。弹出子菜单不会被<SELECT>标签挡住。<br> <a href="http://users.tpg.com.au/j_birch/plugins/superfish/"; target="_blank" target="_blank">http://users.tpg.com.au/j_birch/plugins/superfish/</a><br><b>15、HTML5开发的jQuery进度条插件-percentageloader</b><br> 这个插件比普通的水平进度条使用更加炫酷的效果,这个插件使用快捷简单,可以非常好的应用到现代浏览器中。支持浏览器:Firefox 3.0+, Safari 4.0+, Chrome 7+, IE9+, Opera 9+<br> 详情参考:<a href="http://www.gbin1.com/technology/jquerynews/20120619jquery-plugin-percentageloader/"; target="_blank" target="_blank">http://www.gbin1.com/technology/jquerynews/20120619jquery-plugin-percentageloader/</a><br><b>16、Poshy Tip提示插件</b><br> Poshy Tip是一个强大的jQuery工具提示插件,拥有不同的外观。作为Form Tooltips使用时,可以自定义气泡出现的位置<font size="3"><font face="宋体">。<br></font></font><font face="宋体" size="3"><font size="3"> 详情<font size="3">参考:<a href="http://vadikom.com/demos/poshytip/"; target="_blank" target="_blank">http://vadikom.com/demos/poshytip/</a><br><font size="3"><font size="3"><font size="3"><font size="2"><b>17</b><b>、ichartjs基于HTML5的</b><b>图表组件</b></font><br> </font></font></font></font></font></font>ichartjs是一款基于HTML5的图形库,目前支持饼图、折线图、区域图、柱形图、条形图。<br> 详情:<a href="http://www.ichartjs.com"; target="_blank" target="_blank">http://www.ichartjs.com</a><br><b>18、isotope智能布局插件</b><br> Isotope绝对是一个令人难以置信的jQuery插件,你可以用它来创建动态和智能布局。你可以隐藏和显示与过滤项目,重新排序和整理甚至更多。同时Isotope还有许多很酷的动画。<br> 详情参考:<a href="http://isotope.metafizzy.co/"; target="_blank" target="_blank">http://isotope.metafizzy.co/</a><br><b>19、web前端工具包Bootstrap</b><br> Bootstrap是快速开发Web应用程序的前端工具包。它是一个CSS和HTML的集合,它使用了最新的浏览器技术,给你的Web开发提供了时尚的版式,表单,buttons,表格,网格系统等等。<br> 详情:<a href="http://twitter.github.com/bootstrap/"; target="_blank" target="_blank">http://twitter.github.com/bootstrap/</a><br>; 在线文档:<a href="http://www.ostools.net/apidocs/apidoc?api=bootstrap"; target="_blank" target="_blank">http://www.ostools.net/apidocs/apidoc?api=bootstrap</a><br><b>20、图片显示插件PrettyPhoto</b><br> PrettyPhoto 是在
jQuery基础上完成的类似lightbox的无刷新图片显示插件,实际上它不仅能显示图片,还能显示许多的类型,比如在可能弹出的层窗口中加载一段视
频、一段Flash动画、一个已布局好的网页、一个框架页等等,功能还是挺多的,而且设计超精美,真不赖。<br> 详情:<a href="http://www.no-margin-for-errors.com/projects/prettyPhoto-jquery-lightbox-clone/"; target="_blank" target="_blank">http://www.no-margin-for-errors.com/projects/prettyPhoto-jquery-lightbox-clone/</a><br><b>21、在favicon上显示进度条Piecon</b><br> Piecon 是一个用来实现在你的网站的 favicon 上显示进度消息的一个小型 js 库。
<a href="data/attachment/album/201302/19/160149cwd01pfz4ccfpcg4.png" target="_blank" target="_blank"><img src="data/attachment/album/201302/19/160149cwd01pfz4ccfpcg4.png"></a><br> 详情:<a href="http://lipka.github.com/piecon/"; target="_blank" target="_blank">http://lipka.github.com/piecon/</a><br><br><font color="#F00000" size="5"><b>移动端</b></font><br><b><br>1、移动端滑动JS库Swipejs</b><br> Swipe JS 是一个轻量级的移动滑动组件,支持 1:1 的触摸移动,阻力以及防滑。Swipe 为移动的 web 应用带来了新的交互方式,可以让移动 web 应用展现更多的内容。<br> 详情:<a href="http://swipejs.com/"; target="_blank" target="_blank">http://swipejs.com/</a><br>;

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复