使用button標(biāo)簽，實(shí)現(xiàn)三態(tài)圖片按鈕
更新時(shí)間：2007年01月08日 00:00:00 作者：
三態(tài)圖片按鈕對(duì)于好的用戶體驗(yàn)來(lái)說(shuō)必不可少。我對(duì)dom事件進(jìn)行一些處理，在不改變html的情況下，實(shí)現(xiàn)了三態(tài)按鈕。下面的解決方法的關(guān)鍵，主要是去掉虛線選框和對(duì)背景進(jìn)行定位，沒(méi)有使用循環(huán)處理，任何一個(gè)按鈕，只要定義了背景圖片和邊框?yàn)?，就自動(dòng)變成了三態(tài)按鈕。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
上面的解決方法還有點(diǎn)美中不足，就是在firefox下，沒(méi)辦法用Tab鍵定位按鈕，這是因?yàn)闉榱巳サ籼摽?，屏蔽了點(diǎn)擊事件。下面的程序解決了這個(gè)問(wèn)題，方法是在按鈕里創(chuàng)建一個(gè)不可見(jiàn)的新按鈕，由它轉(zhuǎn)移焦點(diǎn)。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
上面的解決方法還有點(diǎn)美中不足，就是在firefox下，沒(méi)辦法用Tab鍵定位按鈕，這是因?yàn)闉榱巳サ籼摽?，屏蔽了點(diǎn)擊事件。下面的程序解決了這個(gè)問(wèn)題，方法是在按鈕里創(chuàng)建一個(gè)不可見(jiàn)的新按鈕，由它轉(zhuǎn)移焦點(diǎn)。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
相關(guān)文章
表單內(nèi)同名元素的控制...2006-11-11
javascript獲得光標(biāo)所在的文本框(text/textarea)中的位置
移動(dòng)鼠標(biāo)，得到單元格所在表中的位置的js代碼,測(cè)試兼容firefox,需要的朋友可以參考下。2009-12-12
表單填寫(xiě)時(shí)用回車(chē)代替TAB的實(shí)現(xiàn)方法
表單填寫(xiě)時(shí)用回車(chē)代替TAB的實(shí)現(xiàn)方法...2007-10-10
今天看到omeweb也修改了一個(gè)版本，做了許多修改，改得挺不錯(cuò)的，謝謝了。2008-07-07
通過(guò)ifame指向的頁(yè)面高度調(diào)整iframe的高度
[紅色]通過(guò)ifame指向的頁(yè)面高度調(diào)整iframe的高度...2006-10-10
表單(FORM)的一些實(shí)用效果代碼...2007-03-03
關(guān)于表單的兩點(diǎn)交互體驗(yàn)改進(jìn)技巧
關(guān)于表單的兩點(diǎn)交互體驗(yàn)改進(jìn)技巧...2007-02-02
一段實(shí)時(shí)更新的時(shí)間代碼...2006-07-07
取得input元素中部分選中(selected)的值...2006-12-12
實(shí)現(xiàn)一個(gè)年、月、季度聯(lián)動(dòng)SELECT的javascript代碼
實(shí)現(xiàn)一個(gè)年、月、季度聯(lián)動(dòng)SELECT的javascript代碼...2007-07-07