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://ckeditor.com/demo　　CKEditor（HTML编辑器）　　　http://baike.baidu.com/view/1093993.htm　　2016-5-9

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.bootcdn.cn/zeroclipboard/　　zeroclipboard.js（基于swf的剪贴板插件，www.bootcdn.cn使用了这个库，可用也兼容）　　2017-3-31

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

http://www.jq22.com/demo/jquery-SweetAlert20151027/　　漂亮的提示框插件　　2016-3-1

http://www.shejidaren.com/13-web-dev-resources.html　　13款实用的JS插件&前端资源　　(Clipboard.Js 文字复制插件，文本框的进度条应用，Loaders.Css)　　2016-3-21

http://www.dowebok.com/77.html　　　http://www.jq22.com/jquery-info472　　　页面插件fullPage.js（制作全屏滚动式网站的前端插件，功能很全）　　2016-4-15

http://www.geetest.com/exp_normal　　　　极验验证插件（拖动滑块匹配图形的验证方式）　　2016-5-9

http://www.codeceo.com/article/5-useful-javascript-libs.html　　前端工程师都会喜欢的5个js库　　2016-5-10

http://www.codeceo.com/article/12-useful-javascript-tips.html　　12个非常实用的js小技巧　　2016-5-10

https://pdfobject.com/　　pdfobject.js 是一个网页可以打开PDF文件的库　　2016-6-23　　　　（下载： https://pdfobject.com/js/pdfobject.min.js ）

https://segmentfault.com/a/1190000008332220　　12个值得关注的顶级JS库　　2017-9-22

http://www.itzjt.cc/2016/09/11/lib/　　一个博客里收集的插件　　2017-11-27　　http://tieba.baidu.com/p/5213927279?see_lz=1

http://www.cnblogs.com/baka-sky/p/8001577.html　　使用cropper实现简单的头像裁剪并上传　　2017-12-8

http://blog.csdn.net/andyliulin/article/details/78246906　　github上实用、常用的插件和库　　2018-1-10

 

 

 

---

 

成熟插件：  

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://momentjs.cn/　　Moment.js 2.10.6 JavaScript 日期处理类库（功能挺强，有时间去研究）　　2016-4-18

http://momentjs.cn/docs/#/displaying/　　Moment.js　　API

script type="text/javascript" src="http://cdn.bootcss.com/jquery/1.11.2/jquery.min.js"></script>
<script src="http://cdn.bootcss.com/moment.js/2.11.2/moment.min.js"></script>
<script src="http://cdn.bootcss.com/moment.js/2.11.2/locale/zh-cn.js"></script>
<script type="text/javascript">
$(function(){
    $("#button").click(function(){
        var s;
        //s=moment().format('LL');
        //s=moment("20111031", "YYYYMMDD").format('LL');
        s=moment("20111031", "YYYYMMDD").format('YYYYMMDD  hh:mm:ss');
        alert(s);
    });
});
</script>
<div id="button">test</div>

 

 

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编辑器 ★

http://www.cnblogs.com/qq21270/p/5518869.html　　zTree（树形菜单插件）　　2016-5-23

 jQuery插件格式

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

 

 

插件网站

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

http://www.cnblogs.com/roucheng/archive/2016/05/31/jqueryjianyi.html　　jQuery插件使用经验建议　　2016-5-31