做前端切图时,不可避免的需要碰到一些下拉菜单美化的需要,这个时候我们所面临的有几种选择,可通过css3可以做一些简单的美化,或者通过js模拟下拉菜单,或者通过巧妙的布局+JS也可以做出美化的效果,但是要么就是效果不好,要么就是学习的成本太高。毕竟像切版这样的专业web前端外包公司,如何规范、上手快、效果好才是硬道理啊。
后来我们果断扔掉之前的种种做法,采用了一种好用、效果还好的解决方案 —— EasyDropDown,目前有在我们的项目中大量的使用,并且屡试不爽。
EasyDropDown介绍
EasyDropDown 是一个 jQuery 插件,你可以毫不费力地将简陋的 Select 元素设置为可定制风格的下拉菜单,用于表单或者一般的导航。和著名的下拉插件 Chosen 很像,但是具有自己的特点,例如:简洁,语义标记,兼容表单验证,完整的键盘控制,滚动支持,在触摸设备上降级为原生UI 等等众多优点。
另外,提供了 Default、Metro、Flat 三套不同风格的主题,相信能够满足你的需要。
如何使用:
在页面中引入 并未 <select> 标签加上 class :
以上“推荐下拉菜单美化插件 EasyDropDown.js”由鲍余网络整理发布,转载请注明出处。鲍余网络8年专注建站,要找深圳网站建设,深圳建网站,深圳网站设计,深圳网站制作,就好鲍余网络。24小时服务资讯热线:18576678080。