jquery模仿select下拉列表效果代码

jquery模仿select下拉列表效果代码

通过dl模拟实现select下拉列表. 其实这是项目中要常用到的一个效果, 于是, 在之前写的基础上封装成了一个插件. 可自定义样式, 可防止用户本意划过时触发事件.
具体思路就不说了,比较常规, 代码中也有注释. 使用方法也不费话了, 就是一个简单的全局函数封装, 不懂的看下源码中注释或google.
另外, 有兴趣的朋友,可以尝试在本插件基础上改一个可输入的下拉列表

用dl模拟实现可自定义样式的select下拉列表

1. 充分考虑用户体验, 快速划过不会触发;

2. 可根据需求自定义各种样式;

3. 考虑后台程序,预留传值接口;

4. 如果你有兴趣, 你还可以改进成即可输入值又可下拉的下拉列表.

 

下拉列表的值传到这儿

       

   

请选择标签类别

   

时事 新闻

   

技术互联网 新玩意儿

   

读书 音乐 影视

   

兴趣 爱好 活动

   

事业 理财

   

生活 情感

   

娱乐 体育

  

       

   

请选择标签类别

   

时事 新闻

   

技术互联网 新玩意儿

   

读书 音乐 影视

   

兴趣 爱好 活动

   

事业 理财

   

生活 情感

   

娱乐 体育

  

       

   

请选择标签类别

   

时事 新闻

   

技术互联网 新玩意儿

   

读书 音乐 影视

   

兴趣 爱好 活动

   

事业 理财

   

生活 情感

   

娱乐 体育