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

1、抽屉卡片样式的下拉菜单

主页：http://codepen.io/soulrider911/full/bJqkC/

2、音频播放器 Material Design Audio Player

主页：http://codepen.io/MichaelMammoliti/full/VYEWZg/

3、图形库 GraphicsJS

GraphicsJS是一个轻量级的JavaScript图形库，它拥有直观的API，基于SVG / VML技术。它基于层逻辑和方便使用的原语相结合，GraphicsJS API允许你建立任何你能想象的可视化。你还可以控制文本换行，文本溢出，文本缩进，行高，字母间距，由GraphicsJS生产SVG / VML输出内垂直和水平对齐。支持几乎所有浏览器。

主页：https://github.com/anychart/graphicsjs

4、渐变动画 Granim.js

Granim.js是一个超轻量级的JavaScript库，用于创建流体和互动的渐变动画。

主页：https://sarcadass.github.io/granim.js/

5、表单向导 formToWizard

formToWizard是一个jQuery插件，可以将任何Web窗体创建到多步骤向导。formToWizard可以被用来引导和 jQuery验证插件。

主页：https://github.com/artoodetoo/formToWizard

6、图像缩放 Lightense Images

Lightense图像是一个很小的，免费的依赖，纯JavaScript图像缩放库。

主页：https://github.com/sparanoid/lightense-images

7、图片灯箱 Lightgallery.js

Lightgallery.js是一个全功能的JavaScript灯箱库，没有依赖性。

它有以下主要特点：

• 充分响应。

• 模块化的架构，内置的插件。

• 触摸移动设备的支持。

• 鼠标拖动支持桌面。

• 双击/双击可看到图像的实际大小。

• 动画缩略图。

• 社交媒体共享。

• YouTube上，Vimeo的，土豆网，VK和HTML5视频支持。

• 20 +硬件加速CSS3过渡。

• 动态模式。

• 全屏支持。

• 支持变焦。

• 浏览器历史记录的API。

• 反应灵敏的图像。

• HTML iframe支持。

• 在一个页面上的多个实例。

• 通过CSS（SCSS）和设置很容易定制。

• 智能图像预加载和代码优化。

• 键盘导航桌面。

• 字体图标支持。

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

8、条码生成 bwip.js

BWIP-JS 是一个纯JavaScript 的PostScript条码生成器。转换后的代码可以在任何现代的浏览器或基于JavaScript的服务器框架运行。它具有超过90种不同的条码类型和标准。包括所有常用的线性和二维条形码等。

主页：https://github.com/metafloor/bwip-js

这次就介绍到这里，下次继续，希望喜欢的朋友多多收藏、留言，支持，谢谢。头条号：折翅的小鸟