js插件

待测/(待学习)插件

http://www.oschina.net/project/tag/287/color-picker 　　插件库

http://www.jq22.com/ 　　插件库

https://github.com/ChiperSoft/Kalendae 　　日历选择插件 Kalendae   （不依赖任何js库，没看过，可试用）2014-10-15

日历插件1：　　jqueryUI自带一个 　　http://jqueryui.com/datepicker/

 日历插件2：　　bootstrap相关项目中（http://www.bootcss.com/）有一个：DateTime Picker　　http://www.bootcss.com/p/bootstrap-datetimepicker/

fullPage.js　　全屏滚屏的一个插件。（相关内容自己搜）

http://www.open-open.com/news/view/169c12b 　　15个插件　　2015-6-19

http://www.open-open.com/news/view/368486 　　2014年的50个插件　　2015-6-19

http://www.oschina.net/p/yahoo-pure 　　Pure 是来自雅虎的 CSS 框架（轻量级）

http://www.oschina.net/p/ztree 　　zTree 是利用 JQuery 的核心代码，实现一套能完成大部分常用功能的 Tree 插件

http://www.oschina.net/p/kindeditor 　　KindEditor 是一套开源的在线HTML编辑器

http://echarts.baidu.com/doc/example.html 　　baidu的ECharts

http://code.ciaoca.com/jquery/cxcolor/ 　　色彩选取

http://www.bejson.com/webInterface.html 　　接口　　2015-6-24

http://techbrood.com/　　踏得（这个网站有很多css特效，还可以搜索。值得学习）　　2015-10-16

http://www.zhangxinxu.com/wordpress/?p=804 　　图片旋转+剪裁js插件(兼容各浏览器)　　http://www.zhangxinxu.com/wordpress/?p=359 　　图像剪裁插件Jcrop

https://github.com/mrdoob/three.js　　THREE.js

jquery.qrcode.min.js　　二维码（未使用）　　2015-11-25

jqzoom　　图片放大插件　　2015-12-03

http://www.shearphoto.com/　　图片剪切　　2015-12-8

Decimal.js 　　（像 "星图"）任意精度的JS十进制类型。简约、但应用程序界面强大，类库独立，只有8kb大小、可压缩。　　2015-12-24

Fancy Form  一个基于jQuery的JS表单设计库,可以校验和提交ajax库，并增加开发人员的验证类型，正则表达式和功能都非常好用　　2015-12-24

Particles.js 一个用来在网页上创建颗粒效果的轻量级JS库，设置方便、配置参数多样，可以达到客户需求。　　2015-12-24

http://masonry.desandro.com/　　（下载jquery.masonry插件）　　masonry　　    jquery.masonry瀑布流插件（以前看过，有功夫时再看看）　　2016-1-12

http://www.w3dev.cn/download/20130409/jquery.zclip.js.aspx　　jquery.zclip.js jquery剪贴板插件（基于flash的）　　2016-1-20

http://www.zhangxinxu.com/wordpress/?p=1259　　jQuery页面滚动图片等元素动态加载实现　　jquery.scrollLoading.js 　　jquery.scrollLoading-min.js　　2016-2-1

 

 

成熟插件：  

http://www.cnblogs.com/qq21270/p/3737456.html　　swiper插件：图片轮播（幻灯片）。支持上下滚动、左右滚动；触屏拖动；鼠标滚轮等

http://www.swiper.com.cn/ 　　Swiper中文网　　2015-10-15

http://www.cnblogs.com/qq21270/p/4961868.html 　　Hammer.js（插件：手机手势事件）　　2015-11-13

http://www.cnblogs.com/qq21270/p/3824015.html　　图片懒加载（小插件，好用）2015-12-9

http://www.bootcdn.cn/fastclick/　　FastClick 插件　　2016-1-27　　http://www.jmouse.cn/?p=524　　5步解决移动设备上的300ms点击延迟【译】

http://www.dowebok.com/demo/2014/98/　　animate.css – 齐全的CSS3动画库　　2016-1-28

抖动（shake）
闪烁（flash）
弹跳（bounce）
翻转（flip）
旋转（rotateIn/rotateOut）
淡入淡出（fadeIn/fadeOut）

 

 

 

 

http://www.jq22.com/jquery-info453　　jQuery下拉菜单插件Tendina 

<!-- jquery -->
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="http://demo.jq22.com/tendina-master/tendina.js"></script>
<script>
$(function(){
    $('.ul-dropdown').tendina({
        animate: true,
        speed: 200,
        //openCallback: function($clickedEl) {
        //    console.log($clickedEl);
        //},
        //closeCallback: function($clickedEl) {
        //    console.log($clickedEl);
        //}
    })
});
</script>
<style type="text/css">
/*左侧菜单*/
ol, ul {list-style: none;margin:0;padding:0;}
.ul-dropdown *{box-sizing:border-box;line-height: 1.5em;}
.ul-dropdown {position: fixed;left:0;top:150px;height:100%;width:200px;background-color: #f7f7f7;font-family: "微软雅黑";font-size:14px;text-align:center;list-style: none;box-shadow:1px 1px 10px #999;padding-top:1em;border-top-right-radius:1em;}
.ul-dropdown > li {padding: 0px; }
.ul-dropdown > li.selected {background-color: #f2f2f2;}
.ul-dropdown > li.selected > a {background:linear-gradient(0deg,#333,#000);color:#fff;font-weight:bold;}
.ul-dropdown > li > a:hover {background:linear-gradient(0deg,#333,#000);color:#fff;font-weight:bold;}

.ul-dropdown > li.selected > ul {background:#e0e0e0;color:#000;}
.ul-dropdown > li a {display: block;width: 100%;padding:5px 0px;text-decoration: none;text-transform: uppercase;color: black; }
.ul-dropdown > li > ul{display:none;}
.ul-dropdown > li > ul > li {padding: 0 20px;}
.ul-dropdown > li > ul > li:hover {background:#f0f0f0;}
</style>
<!-- 左侧菜单 -->
<ul class="ul-dropdown">
  <li>
    <a href="#">促销管理</a>
    <ul>
      <li><a href="../a.html" target="main">社区活动</a></li>
      <li><a href="../a.html" target="main">精彩内容</a></li>
      <li><a href="../a.html" target="main">促销商品</a></li>
    </ul>
  </li>
  <li>
    <a href="#">订单管理</a>
    <ul>
      <li><a href="../b.html" target="main">订单管理</a></li>
    </ul>
  </li>
</ul>

 

 

 

http://www.hcharts.cn 　　Highcharts功能强大、开源、美观、图表丰富、兼容绝大多数浏览器的纯js图表库

http://kindeditor.net/demo.php 　　在线HTML编辑器 ★

 

 jQuery插件格式

<script type="text/javascript">
//jQuery插件格式：
(function($){
    $.fn.test111=function(){
        return "mmmmmmmmmmmm";
    }
})(jQuery);
</script>

 

 

插件网站

http://www.jq22.com 　　js插件网（一个js插件网站）2014-10-15