資源描述:
《模仿box(select)控件 省去美化煩惱--.》由會(huì)員上傳分享,免費(fèi)在線閱讀,更多相關(guān)內(nèi)容在工程資料-天天文庫(kù)。
1、模仿box(select)控件省去美化煩惱>>. 不用整天為美化select控件煩惱了。 1、可批量美化select控件?! ?、可以有onchange句柄?! ?、觸發(fā)onchange的函數(shù)可帶參數(shù)?! ?、可以得到select的值。 4、可設(shè)置像select類(lèi)似的滾動(dòng)條(如大于或等于8個(gè)數(shù)目時(shí)出現(xiàn)滾動(dòng)條) 5、可設(shè)置寬度和高度 API參考: //首先生成一個(gè)simulateSelect的實(shí)例 //構(gòu)造函數(shù)的第一個(gè)可選參數(shù)為觸發(fā)onchange的函數(shù),其它的為onchange函數(shù)的參數(shù); c=neulateSelect(s1onchange,"never-onli
2、ne"); //設(shè)置select的CSS,第一個(gè)參數(shù)為控件的主要CSS、第二個(gè)為選中條目時(shí)的CSS、第三個(gè)為沒(méi)有選中條目時(shí)的CSS c.style("CtlSelect2","selected2","unselected2"); //設(shè)置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;