jquery模仿select下拉列表效果代码
通过dl模拟实现select下拉列表. 其实这是项目中要常用到的一个效果, 于是, 在之前写的基础上封装成了一个插件. 可自定义样式, 可防止用户本意划过时触发事件.
具体思路就不说了,比较常规, 代码中也有注释. 使用方法也不费话了, 就是一个简单的全局函数封装, 不懂的看下源码中注释或google.
另外, 有兴趣的朋友,可以尝试在本插件基础上改一个可输入的下拉列表
- 用dl模拟实现可自定义样式的select下拉列表
- 1. 充分考虑用户体验, 快速划过不会触发;
- 2. 可根据需求自定义各种样式;
- 3. 考虑后台程序,预留传值接口;
- 4. 如果你有兴趣, 你还可以改进成即可输入值又可下拉的下拉列表.
- 下拉列表的值传到这儿
- 请选择标签类别
- 时事 新闻
- 技术互联网 新玩意儿
- 读书 音乐 影视
- 兴趣 爱好 活动
- 事业 理财
- 生活 情感
- 娱乐 体育
- 请选择标签类别
- 时事 新闻
- 技术互联网 新玩意儿
- 读书 音乐 影视
- 兴趣 爱好 活动
- 事业 理财
- 生活 情感
- 娱乐 体育
- 请选择标签类别
- 时事 新闻
- 技术互联网 新玩意儿
- 读书 音乐 影视
- 兴趣 爱好 活动
- 事业 理财
- 生活 情感
- 娱乐 体育