推荐下拉菜单美化插件 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前端外包公司合作。

切版- 切图网(qietu.com)旗下psd转html,前端外包的“切图客”团体。

发表评论

电子邮件地址不会被公开。 必填项已用*标注

您可以使用这些HTML标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

客服咨询
客服1
客服2
微信公众号