模仿combox(select)控件,不用为美化select烦恼了。

所属分类: 网络编程 / CSS/HTML 阅读数: 880
收藏 0 赞 0 分享
不用整天为美化select控件烦恼了。

1、可批量美化select控件。
2、可以有onchange句柄。
3、触发onchange的函数可带参数。
3、可以得到select的值。
4、可设置像select类似的滚动条(如大于或等于8个数目时出现滚动条)
5、可设置宽度和高度

API参考:
//首先生成一个simulateSelect的实例
//构造函数的第一个可选参数为触发onchange的函数,其它的为onchange函数的参数;
c = new simulateSelect(s1onchange, "never-online");
//设置select的CSS,第一个参数为控件的主要CSS、第二个为选中条目时的CSS、第三个为没有选中条目时的CSS
c.style("CtlSelect2", "selected2", "unselected2");
//设置select的宽度和高度;
c.width = 320;
c.height = 20;
//初始化参数为:select控件的ID,可以用逗号分离,进行批量转换;
c.init("s1,s2,s3");

下一版本将可修改combox

[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
更多精彩内容其他人还在看

input文本框样式代码实例

input文本框样式代码实例
收藏 0 赞 0 分享

div+css实现自适应宽度按钮

div+css实现自适应宽度按钮
收藏 0 赞 0 分享

h1标签的使用技巧

h1标签的使用技巧
收藏 0 赞 0 分享

base href 使用方法详解

base href 使用方法详解
收藏 0 赞 0 分享

html label标签的使用教程

html label标签的使用教程
收藏 0 赞 0 分享

使用CSS不用程序实现文字自动截断 用省略号代替

使用CSS不用程序实现文字自动截断 用省略号代替
收藏 0 赞 0 分享

CSS hack实现 CSS完美兼容IE6/IE7/FF的通用方法

CSS hack实现 CSS完美兼容IE6/IE7/FF的通用方法
收藏 0 赞 0 分享

网页布局+纯CSS纵向下拉菜单 IE6/IE7兼容

网页布局+纯CSS纵向下拉菜单 IE6/IE7兼容
收藏 0 赞 0 分享

CSS图片拼合生成器只需上传zip包即可

CSS图片拼合生成器只需上传zip包即可
收藏 0 赞 0 分享

用iframe margin实现调用其他网页的某一区域的方法

用iframe margin实现调用其他网页的某一区域的方法
收藏 0 赞 0 分享
查看更多