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