欢迎来到鲍余网络官网 官方微信 官方微博 IDC网站
深圳网站建设官方微信

网络之路,从这里开始

热线电话

18576678080 / 0755-85278776

网站知识
首页 > 网站知识 > 推荐下拉菜单美化插件 EasyDropDown.js

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

  • 所属分类: 网站知识
  • 发布时间:2017-10-04 09:29:47
  • 作者: 鲍余网络
  • 点击量:

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

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

EasyDropDown介绍

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

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

如何使用:

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


以上“推荐下拉菜单美化插件 EasyDropDown.js”由鲍余网络整理发布,转载请注明出处。鲍余网络8年专注建站,要找深圳网站建设,深圳建网站,深圳网站设计,深圳网站制作,就好鲍余网络。24小时服务资讯热线:18576678080。

关键词: 深圳网站建设(513) 深圳网站设计(193) 网站设计(88) 深圳做网站(82)

相关文章:

有做网站需求?   联系客服经理 提交需求 直接拨打业务电话:0755-85278776