模仿box(select)控件 省去美化烦恼--.

《模仿box(select)控件 省去美化烦恼--.》由会员上传分享，免费在线阅读，更多相关内容在工程资料-天天文库。

1、模仿box(select)控件省去美化烦恼>>.　　不用整天为美化select控件烦恼了。　　1、可批量美化select控件。　　2、可以有onchange句柄。　　3、触发onchange的函数可带参数。　　3、可以得到select的值。　　4、可设置像select类似的滚动条(如大于或等于8个数目时出现滚动条)　　5、可设置宽度和高度　　API参考：　　//首先生成一个simulateSelect的实例　　//构造函数的第一个可选参数为触发onchange的函数，其它的为onchange函数的参数;　　c=neulateSelect(s1onchange,"never-onli

2、ne");　　//设置select的CSS，第一个参数为控件的主要CSS、第二个为选中条目时的CSS、第三个为没有选中条目时的CSS　　c.style("CtlSelect2","selected2","unselected2");　　//设置select的宽度和高度;　　c."id="code"style="ETANAME="Generator"CONTENT="EditPlus"><METANAME="Author"CONTENT=""><METANAME="Keyily:verdana;font-size:9pt;}h1{font-family:tahoma;fo

3、nt-size:22pt;text-align:left;}pre{font-size:9pt;font-family:verdana;border:1pxsolid#006600;ily:verdana;height:20px;color:#006600;background:#ffffff;/*background:url({E5066804-650D-4757-9BA4-A92DB8817A18}0.jpg);*/}.selected{background:#006600;color:#ffffff;height:20px;}.unselected{height:20px;c

4、olor:#006600;line-height:120%;border-bottom:1pxsolid#006600;}.CtlSelect1{border:1pxsolid#003399;font-family:verdana;height:20px;color:#003399;background:#ffffff;/*background:url({E5066804-650D-4757-9BA4-A92DB8817A18}0.jpg);*/}.selected1{background:#003399;color:#ffffff;height:20px;}.unselected

5、1{height:20px;color:#003399;line-height:120%;border-bottom:1pxsolid#003399;}.CtlSelect2{border:1pxsolid#990000;font-family:verdana;height:20px;color:#990000;background:#ffffff;/*background:url({E5066804-650D-4757-9BA4-A92DB8817A18}0.jpg);*/}.selected2{background:#990000;color:#ffffff;height:20

6、px;}.unselected2{height:20px;color:#990000;line-height:120%;border-bottom:1pxsolid#990000;}.copyright{margin-top:10px;font-size:9pt;text-align:center;color:#333;font-ulateselectcontrol,IEonly.//Debugin:IE6.0//Scriptby:blueDestiny,never-online//Updated:2006-3-22//Version:1.0apha//Email:blueDest

7、iny[at]126.//ouseDof.varel=e?e.srcElement:e.target;if(el.id.indexOf(elementPrefix)>-1

8、

9、el.id.indexOf(inputPrefix)>-1

10、

11、el.id.indexOf(containerPrefix)>-1

12、

13、el.id.indexOf(buttonPrefix)>-1){return;}else{for(vari=0;i<eval(name).IDs.length;