2023年6月20日发(作者:)
⾃定义表单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: 40top和left是插件距离原select位置,⼀般不⽤配置。liActive是⿏标经过条⽬时的样式。maxItems是显⽰的最⼤条⽬,多于此条⽬时出现滚动条。
⽂件打包提供下载。
2023年6月20日发(作者:)
⾃定义表单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: 40top和left是插件距离原select位置,⼀般不⽤配置。liActive是⿏标经过条⽬时的样式。maxItems是显⽰的最⼤条⽬,多于此条⽬时出现滚动条。
⽂件打包提供下载。
发布评论