使用button標簽，實現(xiàn)三態(tài)圖片按鈕
更新時間：2007年01月08日 00:00:00 作者：
三態(tài)圖片按鈕對于好的用戶體驗來說必不可少。我對dom事件進行一些處理，在不改變html的情況下，實現(xiàn)了三態(tài)按鈕。下面的解決方法的關鍵，主要是去掉虛線選框和對背景進行定位，沒有使用循環(huán)處理，任何一個按鈕，只要定義了背景圖片和邊框為0，就自動變成了三態(tài)按鈕。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
上面的解決方法還有點美中不足，就是在firefox下，沒辦法用Tab鍵定位按鈕，這是因為為了去掉虛框，屏蔽了點擊事件。下面的程序解決了這個問題，方法是在按鈕里創(chuàng)建一個不可見的新按鈕，由它轉移焦點。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
上面的解決方法還有點美中不足，就是在firefox下，沒辦法用Tab鍵定位按鈕，這是因為為了去掉虛框，屏蔽了點擊事件。下面的程序解決了這個問題，方法是在按鈕里創(chuàng)建一個不可見的新按鈕，由它轉移焦點。
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
相關文章
判斷file框選擇的是否為圖片...2006-08-08
今天看到omeweb也修改了一個版本，做了許多修改，改得挺不錯的，謝謝了。2008-07-07
javascript select列表內容按字母倒序排序與按列表倒序排列
javascript select列表內容按字母倒序排序與按列表倒序排列...2007-08-08
用javascript來實現(xiàn)select標簽的美化的代碼
用javascript來實現(xiàn)select標簽的美化的代碼...2007-10-10
onpropertychange主要是可以實時獲取用戶的修改等事件。2009-03-03
本文介紹了一款基于jQuery+CSS3實現(xiàn)的帶有動畫效果的動態(tài)背景登陸框特效，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2015-07-07
用js實現(xiàn)獲取值傳到input里邊。2009-12-12
javascript radio list的實現(xiàn)細節(jié)(多瀏覽器兼容)
非常不錯的radio list的效果實現(xiàn)代碼2008-12-12
javascript 動態(tài)創(chuàng)建 Option選項
javascript動態(tài)創(chuàng)建Option選項，選擇月份后動態(tài)創(chuàng)建日期。2009-07-07
JS 表單驗證大全,整理的比較全了，需要的朋友可以查找下。2011-11-11