模仿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類(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 = new simulateSelect(s1onchange, "never-online");
//設(shè)置select的CSS,第一個(gè)參數(shù)為控件的主要CSS、第二個(gè)為選中條目時(shí)的CSS、第三個(gè)為沒(méi)有選中條目時(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類(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 = new simulateSelect(s1onchange, "never-online");
//設(shè)置select的CSS,第一個(gè)參數(shù)為控件的主要CSS、第二個(gè)為選中條目時(shí)的CSS、第三個(gè)為沒(méi)有選中條目時(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è)問(wèn)題
- select標(biāo)簽?zāi)M/美化方法采用JS外掛式插件
相關(guān)文章
做網(wǎng)頁(yè)經(jīng)常要注意的常識(shí) 整理收集
做網(wǎng)頁(yè)經(jīng)常要注意的常識(shí) 整理收集...2007-03-03使用CSS框架布局的缺點(diǎn)和優(yōu)點(diǎn)小結(jié)
本篇文章主要介紹了使用CSS框架布局的缺點(diǎn)和優(yōu)點(diǎn)小結(jié),小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2007-12-12動(dòng)態(tài)更改網(wǎng)頁(yè)HTML元素(對(duì)象)內(nèi)容
動(dòng)態(tài)更改網(wǎng)頁(yè)HTML元素(對(duì)象)內(nèi)容...2006-11-11css display:none使用注意事項(xiàng)小結(jié)
web頁(yè)面前臺(tái)編碼時(shí)經(jīng)常用到display:none樣式,平常使用時(shí)發(fā)現(xiàn)有幾點(diǎn)特征需要注意2008-09-09