自定义表单select元素样式
做项目要用到自定义样式的select插件,自己就用jQuery写了一个。
说明如下:
1、插件的样式完全有css控制,可以自定义select插件中任何一个部分的样式。
2、完全模拟select元素的交互习惯,支持select元素的js功能,例如:change事件。如果选中一个条目,此插件就会改变原select的value值,并且自动触发change事件。
3、支持键盘的操作。完全模仿原生的select的键盘习惯,支持上下键翻动,回车键选中当前条目,包括滚动条的自动适应。
?
?
?
插件可配置项:
1、css样式位于css中,可自行配置。
2、js配置项:
??????????????????? top: 0,
??? ??? ??? ??? ??? left: 0,
??? ??? ??? ??? ??? liActive: "active",
??? ??? ??? ??? ??? maxItems: 40
top和left是插件距离原select位置,一般不用配置。
liActive是鼠标经过条目时的样式。
maxItems是显示的最大条目,多于此条目时出现滚动条。
?
文件打包提供下载。
?
1 楼 yuanjianhang 2011-07-13 现在还是有小的bug——在下拉条出现后的滚动条的位置定位上。