模仿combox(select)控件,不用為美化select煩惱了。
更新時(shí)間:2006年12月18日 00:00:00 作者:
不用整天為美化select控件煩惱了。
1、可批量美化select控件。
2、可以有onchange句柄。
3、觸發(fā)onchange的函數(shù)可帶參數(shù)。
3、可以得到select的值。
4、可設(shè)置像select類似的滾動(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 = new simulateSelect(s1onchange, "never-online");
//設(shè)置select的CSS,第一個(gè)參數(shù)為控件的主要CSS、第二個(gè)為選中條目時(shí)的CSS、第三個(gè)為沒有選中條目時(shí)的CSS
c.style("CtlSelect2", "selected2", "unselected2");
//設(shè)置select的寬度和高度;
c.width = 320;
c.height = 20;
//初始化參數(shù)為:select控件的ID,可以用逗號(hào)分離,進(jìn)行批量轉(zhuǎn)換;
c.init("s1,s2,s3");
下一版本將可修改combox
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
1、可批量美化select控件。
2、可以有onchange句柄。
3、觸發(fā)onchange的函數(shù)可帶參數(shù)。
3、可以得到select的值。
4、可設(shè)置像select類似的滾動(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 = new simulateSelect(s1onchange, "never-online");
//設(shè)置select的CSS,第一個(gè)參數(shù)為控件的主要CSS、第二個(gè)為選中條目時(shí)的CSS、第三個(gè)為沒有選中條目時(shí)的CSS
c.style("CtlSelect2", "selected2", "unselected2");
//設(shè)置select的寬度和高度;
c.width = 320;
c.height = 20;
//初始化參數(shù)為:select控件的ID,可以用逗號(hào)分離,進(jìn)行批量轉(zhuǎn)換;
c.init("s1,s2,s3");
下一版本將可修改combox
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
您可能感興趣的文章:
- jqTransform form表單美化插件使用方法
- select下拉選擇框美化實(shí)現(xiàn)代碼(js+css+圖片)
- CSS 美化表格邊框?yàn)榘枷萘Ⅲw效果的實(shí)現(xiàn)方法
- css美化input file按鈕的代碼方法
- css文本框與按鈕美化效果代碼
- javascript 單選框,多選框美化代碼
- CSS 美化段落文本之首字下沉
- 用javascript實(shí)現(xiàn)select的美化的方法
- 在修改準(zhǔn)備發(fā)的批量美化select+可修改select時(shí),在非IE下發(fā)現(xiàn)了幾個(gè)問題
- select標(biāo)簽?zāi)M/美化方法采用JS插件
相關(guān)文章
推薦三種簡(jiǎn)潔的Tab導(dǎo)航(網(wǎng)頁(yè)選項(xiàng)卡)簡(jiǎn)析
推薦三種簡(jiǎn)潔的Tab導(dǎo)航(網(wǎng)頁(yè)選項(xiàng)卡)簡(jiǎn)析...2007-05-05
讓超出DIV寬度范圍的文字自動(dòng)顯示省略號(hào)...
關(guān)鍵是:text-overflow: ellipsis;2008-10-10
html下利用javascript連數(shù)據(jù)庫(kù)
html下利用javascript操作本地?cái)?shù)據(jù)庫(kù)的代碼2008-02-02

