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

切版网专注网页切版服务


 

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

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

EasyDropDown介绍

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

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

如何使用:

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

<select class="dropdown">

演示地址:

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

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

免费索取报价