个人收藏的必备网页设计控件，也许正是你在寻找的(三)

1、表格树控件 jqGrid

jqGrid 是一个用来显示网格数据的jQuery插件，文档比较全面。

它的主要特点包括：

• 基于jquery UI主题，开发者可以根据客户要求更换不同的主题

• 兼容目前所有流行的web浏览器

• Ajax分页，可以控制每页显示的记录数

• 支持XML，JSON，数组形式的数据源

• 提供丰富的选项配置及方法事件接口

• 支持表格排序，支持拖动列、隐藏列

• 支持滚动加载数据

• 支持实时编辑保存数据内容

• 支持子表格及树形表格

主页：http://www.trirand.com/blog/

2、搜索补全 Bootstrap Search Suggest

这是一个基于 bootstrap 按钮式下拉菜单组件的搜索建议插件，必须使用于按钮式下拉菜单组件上。

它的主要功能包括：

• 搜索方式：从 data.value 的有效字段数据中查询 keyword 的出现，或字段数据包含于 keyword 中

• 支持单关键字、多关键字的输入搜索建议，多关键字可自定义分隔符

• 支持按 data 数组数据搜索、按 URL 请求搜索和按首次请求URL数据并缓存搜索三种方式

• 单关键字会设置 data-id 和输入框内容两个值，以 indexId/idField 和 indexKey/idFiled 取值 data 的数据为准；多关键字只设置输入框值

主页：https://github.com/lzwme/bootstrap-suggest-plugin

3、代码编辑器 CodeMirror

CodeMirror 是一个灵活的文本代码编辑器。它是专门用于编辑代码，并附带一些语言模块和插件，实现更先进的编辑功能。提供丰富的API接口和CSS主题

它有如下特点：

• 支持超过100种语言

• 一个强大的，可组合的语言模式系统

• 自动完成（XML）

• 代码折叠

• 搜索和替换接口

• 混合字体大小和样式

• 各种主题

• 可以调整大小以适应内容

• 内联和块部件

• 许多扩展的方法和插件 ...

主页：http://codemirror.net/

4、富文本编辑器 Simditor

Simditor是Tower开源的所见即所得的在线富文本编辑器。它是一款十分优秀的国产富文本编辑器。Simditor的理念是保持简单，避免过度的功能，每一个特性都追求极致的用户体验。同时，Simditor也很容易扩展。

主页：https://github.com/mycolorway/simditor

5、旁注插件 Marginotes

Marginotes，使用jQuery实现的添加旁注插件，快速，炫酷。

主页：https://github.com/fdansv/marginotes

6、侧边栏 Slidebars

Slidebars是一个jQuery框架，用于为你的网页或web应用添加off-canvas菜单和侧边栏

主页：https://github.com/adchsm/Slidebars

7、动画 anime.js

anime.js是一个灵活轻便的JavaScript动画库。它通过CSS，独立变换，SVG，DOM属性和JS对象实现。

主页：https://github.com/juliangarnier/anime

8、图像灯箱插件 Lightgallery.js

Lightgallery.js是一个功能齐全的JavaScript图像灯箱插件。

他的主要特点：

• 它使用CSS，使用唯一的方法调整大小的图像和视频。因此，它非常灵活的，并且比使用JavaScript方法快。

• 它带有内置模块，如缩略图，全屏，变焦等几个很容易创建使用的模块，还可以分离你不希望使用的模块。

• 它配备了众多的选项，让你很轻松的自定义插件。

• 它使用硬件加速 CSS3过渡的动画性能。

主页：https://github.com/sachinchoolur/lightgallery.js

9、创建工具提示样式的工具栏 Toolbar.Js

Toolbar.Js可以让你在Web应用程序和网站，快速创建工具提示风格的工具栏。

它有如下特点：

• 简单的实现，简单的选项。

• 包括与工具栏使用一组CSS按钮。

• 您可以根据需要运行尽可能多的工具栏。

• 工具栏可以连接到所需的任何元素。

• 工具栏中的图标很容易通过图标库定制。

• 丰富的选项，让你可以完整控制包括位置，动画和事件等。

主页：http://paulkinzett.github.io/toolbar/

10、树插件 zTree

zTree 是一个依靠 jQuery 实现的多功能 “树插件”。优异的性能、灵活的配置、多种功能的组合是 zTree 最大优点。

• 将核心代码按照功能进行了分割，不需要的代码可以不用加载

• 采用了 延迟加载 技术，上万节点轻松加载，即使在 IE6 下也能基本做到秒杀

• 兼容 IE、FireFox、Chrome、Opera、Safari 等浏览器

• 支持 JSON 数据

• 支持静态 和 Ajax 异步加载节点数据

• 支持任意更换皮肤 / 自定义图标（依靠css）

• 支持极其灵活的 checkbox 或 radio 选择功能

• 提供多种事件响应回调

• 灵活的编辑（增/删/改/查）功能，可随意拖拽节点，还可以多节点拖拽哟

• 在一个页面内可同时生成多个 Tree 实例

• 简单的参数配置实现 灵活多变的功能

主页：http://www.treejs.cn/

这次就到这里，下次继续，请多多关注，谢谢。