常用的插件

痛定思痛。 2021-09-14 02:44 544阅读 0赞

# 一.css类 #

1.加载页(动画)：[Loader.CSS][]

# 二.图片处理类 #

1.图标库：[Iconfont-阿里巴巴矢量图标库][Iconfont-]

2. 上传图片/文件：[Web Uploader][]

3.图片裁剪：[jQuery.cropper中文API详解][jQuery.cropper_API]

案例：[http://fengyuanchen.github.io/cropper/][http_fengyuanchen.github.io_cropper]

4.图片预览：[JS/jQuery图片查看器viewer.js][JS_jQuery_viewer.js]

5.缩略图：[jQuery创建缩略图插件jQThumb][jQuery_jQThumb]

6.图片轮播：

(1).[Swiper Demos][]

(2).[兼容ie7以上][ie7]

(3).[12款经典图片轮播jquery插件][12_jquery]

7.图表库(扇形/折线图)：[ECharts][]

8.图片放大镜：[jquery.imagezoom.js][]

## [图片放大镜-Cloud Zoom][-Cloud Zoom]    ##

# 三.滚动类 #

1.全屏滚动：[jQuery全屏滚动插件fullPage.js][jQuery_fullPage.js]

2.下拉刷新：[iScroll.js][]

3.内容滚动条：[jsScrollbar][]

4.瀑布流：

(1).[Waterfall.js][]

(2).[methods插件][methods]

# 四.表单 #

1.表单验证：[Validform][]

2.编辑器：[UMeditor][]

3.选框(单选/复选框)：

(1).[SUI组件库][SUI]

(2).[ layui.layer][layui.layer]

(3).[iCheck美化插件][iCheck]

4.日期插件

(1).jeDate日期:[控件带时分秒日期选择器][Link 1]

5.地图：[百度地图][Link 2]

6.验证码生成：[gVerify.js][]

7.获取全国省份:

(1).原生js:j[sAddress.js][]

(2).jQuery省市区三级联动:[city.min.js][sAddress.js]

(3).[Amaze ui衍生][Amaze ui]

# 五.弹出框 #

1.弹出框：[ layui.layer][layui.layer]

layer持续更新，会更加适配后面的设备 ，推荐使用

2.对话框：[artDialog][]

# 六.视频类 #

1.[视屏插件][Link 3]（不支持ie8以下）

# 七.菜单类 #

1.树形菜单(文件管理)：[zTree.js][]

# 八.UI框架自带的插件库 #

1.Amaze UI

①[衍生库][Link 4](有很多功能)

②[瀑布流][Link 5]

③[无限滚动][Link 6]

案例：[https://www.v2ex.com/t/297879][https_www.v2ex.com_t_297879]

2.SUI

(1).组件库：[http://sui.taobao.org/sui/docs/checkbox.html][SUI]

3.layui

(1).组件库：[ layui.layer][layui.layer]

(2).分页插件：[layPage][]

[Loader.CSS]: http://www.imuum.com/loaders-css.html
[Iconfont-]: http://www.iconfont.cn/search?q=home
[Web Uploader]: http://fex.baidu.com/webuploader/
[jQuery.cropper_API]: http://blog.csdn.net/gao_xu_520/article/details/77033057
[http_fengyuanchen.github.io_cropper]: http://fengyuanchen.github.io/cropper/
[JS_jQuery_viewer.js]: http://www.dowebok.com/demo/192/index2.html
[jQuery_jQThumb]: http://www.jq22.com/jquery-info547
[Swiper Demos]: http://idangero.us/swiper/demos/#.WZKGAm996Ul
[ie7]: http://blog.csdn.net/gao_xu_520/article/details/60571794
[12_jquery]: http://zmingcx.com/12-picture-carousel-jquery-plugins.html
[ECharts]: http://echarts.baidu.com/feature.html
[jquery.imagezoom.js]: http://www.ijquery.cn/demo/imagezoom/simple/
[-Cloud Zoom]: https://www.helloweba.com/view-blog-38.html
[jQuery_fullPage.js]: http://www.jq22.com/jquery-info1124
[iScroll.js]: http://cubiq.org/dropbox/iscroll4/examples/pull-to-refresh/
[jsScrollbar]: http://www.n-son.com/scripts/jsScrolling/jsScrollbar.html
[Waterfall.js]: http://download.csdn.net/download/gao_xu_520/9975212
[methods]: https://masonry.desandro.com/
[Validform]: http://validform.rjboy.cn/
[UMeditor]: http://ueditor.baidu.com/website/umeditor.html
[SUI]: http://sui.taobao.org/sui/docs/checkbox.html
[layui.layer]: http://layer.layui.com/
[iCheck]: http://www.jq22.com/yanshi784
[Link 1]: http://www.jq22.com/jquery-info6110
[Link 2]: http://download.csdn.net/download/gao_xu_520/9974454
[gVerify.js]: http://download.csdn.net/download/gao_xu_520/9974491
[sAddress.js]: http://download.csdn.net/download/gao_xu_520/9975088
[Amaze ui]: https://topoadmin.github.io/address/docs/demo.html
[artDialog]: http://aui.github.io/artDialog/doc/index.html
[Link 3]: http://download.csdn.net/download/gao_xu_520/9934252
[zTree.js]: http://www.treejs.cn/v3/main.php#_zTreeInfo
[Link 4]: http://plugins.amazeui.org/magnifier.html#project=address&author=topoadmin
[Link 5]: http://amazeui.github.io/masonry/docs/panel.html
[Link 6]: http://amazeui.org/javascript/iscroll-lite
[https_www.v2ex.com_t_297879]: https://www.v2ex.com/t/297879
[layPage]: http://www.layui.com/demo/laypage.html