Metronic 使用到的开源插件汇总

Metronic 使用到的开源插件汇总

Metronic 是一套完整的 UI 模板，但不仅仅是模板，更应该说是一个 UI 框架。它除了提供了大量网页模板，也提供了非常多的 UI 组件，并且应用了众多 jQuery 插件。通过这些资源的整合，我们可以提高开发效率、一致性和网站的友好性。
官网的演示地址:http://www.keenthemes.com/preview/metronic/ 

Metronic 具有6种色彩主题，样式常用插件

<link href="../assets/layout/css/layout.css" rel="stylesheet" type="text/css"/>
<link href="../assets/layout/css/themes/darkblue.css" rel="stylesheet" type="text/css" id="style_color"/>
/** 圆角和非圆角 **/
<link href="../assets/global/css/components.css" id="style_components" rel="stylesheet" type="text/css"/>
<link href="../assets/global/css/components-rounded.css" id="style_components" rel="stylesheet" type="text/css"/>
/** 字体图标 **/
 <link href="../assets/global/plugins/font-opensans/font-opensans.css" rel="stylesheet" type="text/css"/>
<link href="../assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
<link href="../assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css"/>

jQuery Core

最流行的Javascript 底层框架，提供跨浏览器支持和优雅简洁的编程风格。

Bootstrap

Twitter 推出的响应式开发框架，ASP.NET MVC5 默认 UI 框架。
http://www.getbootstrap.com/

jQuery UI

jQuery 自家提供的 UI 套件，Metronic中用来实现扁平滑块控件、模式对话框。
http://jqueryui.com/

Font Awesome

完美的图标字体库，http://fortawesome.github.io/Font-Awesome/

jQuery Flot

采用Canvas绘制图形，Metronic中用来实现图形和图表支持。
http://www.flotcharts.org/

jQuery Knob

一款jQuery和css3制作的旋钮插件，Metronic中用来实现圆形刻度盘。
http://plugins.jquery.com/knob/

jQuery Uniform

漂亮的单选和多选框插件。http://uniformjs.com/

jQuery Gritter

一个小型的 jQuery 消息通知插件，Metronic中用来实现磁贴式消息通知。
http://danielraftery.com/read/Sticky-A-super-simple-notification-system-for-jQuery 

Toastr

非阻塞的消息通知Javascript类库
http://thevectorlab.net/flatlab/toastr.html

jQuery Nestable

可移动拖拽的嵌套树形结构

jQuery BlockUI

能够为页面上的任意元素添加遮层,阻止用户操作。具体可以用于制作提示等待响应的对话框。
http://malsup.com/jquery/block/

jQuery Tags Input

添加/删除标签插件
http://xoxco.com/projects/code/tagsinput/

jQuery Form Validation Plugin

前端表单验证jQuery插件。 http://jqueryvalidation.org/

Form X-editable

基于 Bootstrap、jQuery UI 和 jQuery 实现了网页文本即时编辑的功能。

Form Wizard

表单向导插件

Dropzone File Upload

可拖拉文件上传控件

Multiple File Upload

多文件上传控件

Bootstrap Switch

针对Bootstrap的开关按钮

excanvas

利用IE支持的VML对象来模拟Canvas的绘图，让IE6,7,8等低版本IE浏览器支持Canvas。

jQuery slimScroll

一个滚动条插件，支持把内容放在一个盒子里面，固定一个高度，超出的则使用滚动。

jQuery Cookie

jQuery中的cookie操作类库

jQuery Vector Maps

使用了SVG(Scalable Vector Graphics)技术，可以方便的帮助生成漂亮的矢量地图。
http://www.jqvmap.com/

jquery.pulsate

生成吸引用户注意的脉搏效果

EASY PIE CHART

轻量级的jQuery插件，主要用来渲染和制作漂亮的饼图及动画效果，基于Canvas元素。
http://rendro.github.io/easy-pie-chart/

Sparkline

jQuery线状图插件。http://omnipotent.net/jquery.sparkline