网站前端常用插件整理

数据选择

select2 下拉框,可以选择树形数据,普通数据

http://select2.github.io/

3d

HT

数据网格

datatables (已经熟练使用)

jqgrid

后台大框架

ext

easyui(已经熟练使用)

工作流插件

gooflow(已经熟练使用)

统计图表

百度ECharts(已经熟练使用)

heightchart(已经熟练使用)

d3.js

文件上传

百度WebUploader

编辑器

百度UEditor——富文本编辑器(已经熟练使用)

Bootstrap-Markdown——Markdown文本编辑器

CodeMirror——代码编辑器(已经熟练使用)

日期选择器

LayerDate——日期选择器

WEB弹窗

Layer——是一款近年来备受青睐的web弹层组件

分页

layPage——是一款多功能的js分页组件

右击菜单

jQuery.contextMenu——jQuery鼠标右键菜单(已经熟练使用)

context.js上下文菜单是一个轻量级的网页右键菜单解决方案。

幻灯片插件

slidr.js——一个简单的,轻量级的JavaScript库 添加幻灯片切换到您的网页,无依赖。

Unslider ——一个超小的 jQuery 轮播(slider) 插件。支持主流浏览器、键盘导航、自动调整高度和响应式布局。

表单验证插件

jquery.validation(已经熟练使用)

全屏/整屏滚动组插件

fullPage.js——jQuery 全屏滚动插件

树形视图

Bootstrap Tree View 是一个简单而优雅的Bootstrap树形视图解决方案。

jsTree是一个基于jQuery的Tree控件。支持 XML,JSON,Html三种数据源。

CSS动画

Animate.css 一款强大的预设css3动画库

加载动画

spinkit——使用CSS3的特性实现多种动画效果

在线浏览PDF插件

pdf.js——PDF.js 是基于开放的 HTML5 及 JavaScript 技术实现的开源产品,由Mozilla Labs发布。

框架

BootStrap——是Twitter推出的一个用于前端开发的开源工具包(已经熟练使用)

Amaze UI ——是一个移动优先的跨屏前端框架中国首个开源 HTML5 跨屏前端框架

Layui——经典模块化前段框架

iviewui 国产框架完整的网站框架

ht

 

fullPage.js 全屏滚动

https://github.com/alvarotrigo/fullPage.js

 

Lava Lamp 导航条熔岩灯

http://lavalamp.magicmediamuse.com

 

iHover  极好的图片悬停特效

https://github.com/gudh/ihover

 

jqGrid 极好的表格插件

 http://blog.mn886.net/jqGrid/

 


代码笔记

15个响应式设计的导航菜单jQuery插件

Sidr

Sidr 是一个非常容易使用的响应式菜单jQuery插件,展示方式侧边,支持左右sidbar。

15个响应式设计的导航菜单jQuery插件

Sidr | GitHub

Navgoco

Navgoco是一个简约的手风琴菜单jQuery响应式插件,垂直方式展示,类似于垂直的Tab选项卡。
15个响应式设计的导航菜单jQuery插件
Navgoco | GitHub

FlexNav

FlexNav 这个自适应屏幕菜单插件支持多级,展示方式:垂直
15个响应式设计的导航菜单jQuery插件
FlexNav | GitHub

SmartMenus

SmartMenus 响应式菜单插件的展示方式支持水平、垂直两种。
15个响应式设计的导航菜单jQuery插件
SmartMenu | GitHub

jQuery Menu Aim

15个响应式设计的导航菜单jQuery插件

jQuery Menu Aim

Side Toggle Menu

Side 有点像sidr插件,也支持左右侧边栏菜单展示。
15个响应式设计的导航菜单jQuery插件
Side Toggle Menu

jQuery slimMenu

15个响应式设计的导航菜单jQuery插件

jQuery slimMenu | GitHub

jPanelMenu

jPanelMenu 响应式菜单jQuery插件以左侧边栏的方式展示。
15个响应式设计的导航菜单jQuery插件
jPanelMenu | GitHub

Flaunt.js

15个响应式设计的导航菜单jQuery插件

Flaunt.js

Naver

Naver 这个菜单插件比较简单,如果你的导航内容不多的话可以使用这个。
15个响应式设计的导航菜单jQuery插件
Naver | GitHub

TinyNav.js

TinyNav.js 响应式设计导航jQuery插件,展示方式:下拉选择框。
15个响应式设计的导航菜单jQuery插件
TinyNav.js | GitHub

HorizontalNav

水平的响应式导航插件,优点就是自适应水平居中,缺点就是,菜单太多在手机的分辨屏的展示不是很友好,各有所需,没有最好,只有最适合的。
15个响应式设计的导航菜单jQuery插件
HorizontalNav | GitHub

jQuery.mmenu

jQuery.mmenu 适用于手机网站建设的导航jQuery插件。
15个响应式设计的导航菜单jQuery插件
jQuery.mmenu

MeanMenu

MeanMenu 一个自适应屏幕宽度的响应式导航菜单,展示方式:垂直下拉菜单
15个响应式设计的导航菜单jQuery插件
MeanMenu | GitHub

posted on 2017-02-13 17:40  漫思  阅读(3305)  评论(1编辑  收藏  举报

导航