jq制作后台模版常用的一些插件

一些jQ的插件，有些如果你打不开，可能是因为你没有科学上网，嗯嗯，一定是这样。。。

Ui布局框架

• Bootstrap
  网站自适应布局，前端最火的ui框架 -> 案例
  这个大家都比较熟悉，我也就不多多费唇舌了，毕竟“群众”的目光是雪亮的。
• Isotope
  过滤和排序的神奇布局， 中文官网，示例自己去看
  
  
• masonry： 瀑布流
  
  

• Email-template
  一个响应式布局框架
• Materialdesign Js
  多端响应式框架

ICON自图库

Font-Awesome
Ionicons
evil-icons
Entypo
Foundation
MaterialIcons
Octicons
Zocial
SimpleLineIcons
几个UI字体图标库，图标都非常漂亮（喜欢那个直接点进去看吧，总有你钟情的一款）

Jquery & jq插件

啥！你要是不知道JQ？ 放心，我不会告诉你的，我就算知道也不会告诉你。。。

时间插件

• Animate.css
  一个动画css库
• Full Calendar
  新建日程事件，有多种显示，自己去看
  
  
• Bootstrap-timepicker
  一个日历插件，有多种显示格式，我就不一一截图了，猴儿们自己去看。
  
  
• Jquery.countdown.js
  js倒计时插件，官网的示例
  
  
• daterangepicker：时间插件，结合daterangepicker实现Datatables表格带参数 算是Bootstrap-timepicker的一个扩展
  
  
• moment：是一个JavaScript 日期处理类库，用于解析、检验、操作、以及显示日期。还有很多，自己去看
  
  

表格插件

• Datatables
  一个强大的表格插件
  

  

• bootstrap-editable
  

  

表单验证

• Form Validator
  一个表单验证的插件
• Bootstrapvalidator
  表单验证的bootstrap版本

编辑器

• ckeditor
  似乎有很多编辑器，都是基于这个修改的
  

  

• Wysihtml5
  基于HTML5的所见即所得编辑器
  

  

• Summernote
  编辑器
  

  

• Codemirror
  web代码编辑器，支持语法高亮
  

  

动画

• Wow.js
  一个基于 animate.css 的动画效果库，使用简单。

图形可视化

• Morris
  图形可视化插件
  
  
• Chartjs
  图形可视化插件
  
  
• Peity Chart
  生成浏览器小型走势图
  
  
• Sparkline
  生成浏览器小型走势图
  
  
  • JQuery-Knob
    旋钮，类似饼状图
    
    
  • easy-pie-chart
    这叫什么来着
    
    
  • Flot-charts
    支持线状图和柱状图的绘制(通过插件也可以支持饼状图)。它的特点是使用简单、图形美观，支持鼠标跟踪及缩放功能。
    
    
    
    ## 网上的一篇Morris.js和flot绘制折线图的比较 ##

地图插件

• Gmaps
  真实谷歌地图，可以调用谷歌API
  
  
• Vector Maps
  数据生成地图，应该课可以调用API
  
  
• jvectormap
  地图插件
  
  

alert 弹框插件

• Sweet-Alert
  一个漂亮的js弹窗，让alert变得更漂亮
• Magnific-popup
  一个响应式弹出层和对话框插件

动画插件

• Codrops
  页面的交互和动画效果
• Simple-text-rotator
  文字动画 案例
• Nestable
  可拖拽树结构

效果图一	效果图二

标签 & 按钮

• Waves Effect：点击有类似原生微弱效果的按钮插件
  

  

• tagsinput：添加/删除标签插件 -> input
  

  

• Toggels：多种ios风格的开关按钮，一个做切换开关按钮的插件
  

  

  开关
  
  bootstrap-slider ： 一个滑块组件
  
  

• Tags Input：一个创建tag的插件

效果图一	效果图二

滚动条

• Nicescroll：可全屏可改滚动条颜色的滚动条插件，自定义滚动条，官网的这个滚动条在鼠标移开的时候只有5px，鼠标移动上去才变宽的。
  

  

• slimScroll
  滚动条插件
  

  

拾色器

Bootstrap Colorpicker
一款拾色器

拾色器

多选框

• Multi-select
  一个多选框插件
  
  
• Select2
  一款改良的select插件
  
  
  
  想到流程图
  chosen ：多选框，支持单选多选
  
  

步骤图

Jquery-steps
动态创建步骤 类似于 步骤图

Bootstrap-Wizard

上传

• Dropzonejs
  文件拖拽上传插件
• Cropper
  图片剪裁插件（很流氓，很强大）
  
  

  图片剪裁

触摸

• touch-punch
  一个帮助你在触摸设备上使用jQuery UI的JS类库

图片

• retina：是一个使用高分辨率的图片替换低分辨率的图片js脚本

• raphael：通过SVG/VML+JS实现跨浏览器的矢量图形实现方案。
  

  

• holder：图形占位符
  

  

消息

gritter：小型的jQuery 消息通知插件

兼容

• respond：让IE6-8支持CSS3的css3 Media Query
  Media Query 是css3的API，是做响应式的基础之一
• Fastclick：处理移动端 click 事件 300 毫秒延迟
• html5shiv： html5shiv让IE6-IE8支持HTML5标签
• modernizr：检查html5和css3支持情况的库
• jquery-mousewheel：JS滚轮事件

textarea

• autogrow-textarea：textarea自动增加高度插件

checkbox

• iCheck：实现的自定义复选框
  
  

input

• input-mask：输入框input输入内容格式限制插件
  
  

滑块 & 进度条

• ionslider：滑块组件
  
  
• pace： 自动加载进度条
  
  

两个图片网站
Uifaces (images)
Stocksnap (images)

Ion-Slider
一个国外的js插件社区

Codepen
一个所见即所得的页面测试网站
CodePen就是用来制作测试页面的网站
Profile background image
谷歌收藏夹，收藏各种图片什么的。