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