切版网（2013~2023）

http://qieban.cn
做完设计，找切版网
QQ:6135833
微信：dingxiangming82

2017年09月13日

推荐下拉菜单美化插件 EasyDropDown.js

本文就“推荐下拉菜单美化插件 EasyDropDown.js”展开讨论，作者切版网，发布于2017年09月13日 全文共652个字，预计阅读时长2分10秒。

做web前端外包开发，不可避免的需要碰到一些下拉菜单美化的需要，这个时候我们所面临的有几种选择，可通过css3可以做一些简单的美化，或者通过js模拟下拉菜单，或者通过巧妙的布局+JS也可以做出美化的效果，但是要么就是效果不好，要么就是学习的成本太高。毕竟像切版这样的专业web前端外包公司，如何规范、上手快、效果好才是硬道理啊。

后来我们果断扔掉之前的种种做法，采用了一种好用、效果还好的解决方案 —— EasyDropDown，目前有在我们的项目中大量的使用，并且屡试不爽。

EasyDropDown介绍

EasyDropDown 是一个 jQuery 插件，你可以毫不费力地将简陋的 Select 元素设置为可定制风格的下拉菜单，用于表单或者一般的导航。和著名的下拉插件 Chosen 很像，但是具有自己的特点，例如：简洁，语义标记，兼容表单验证，完整的键盘控制，滚动支持，在触摸设备上降级为原生UI 等等众多优点。

另外，提供了 Default、Metro、Flat 三套不同风格的主题，相信能够满足你的需要。

如何使用：

在页面中引入 并未 <select> 标签加上 class ：

[codesyntax lang=”div”]

<select class="dropdown">

[/codesyntax]

演示地址：

http://patrickkunka.github.io/easydropdown/

是不是很不错呢。另外，小编认为，将来的互联网分工将会越来越明确，所以我也发现越来越多的网站建设公司开始选择与切版这样的web前端外包公司合作。

文章为原创或者来自于互联网，转载请注明来源，如果文章有侵权请联系，我们会及时删除。