Re: [問題] 有辦法讓A:hover後效果不消失嗎

看板Web_Design作者toshii (芬達)時間13年前 (2012/07/03 15:55)推噓0(0推 0噓 15→)

留言15則, 4人參與討論串2/2 (看更多)

※ 引述《toshii (芬達)》之銘言： : CSS的A:hover效果是預設mouseover會有動作 : mouseout就恢復原狀 : 有沒有辦法去改變CSS的mouse離開的行為 : 我希望mouse從A選單移到B選單時照舊 : 就是A選單效果消失而B選單效果出現 : 但若從A移到移到頁面其他地方,能不要讓選單效果消失 : 這個我就做不出來 : 想想好像不用CSS,改寫成javascript用mouse event應該可達成 : 但是就要捨棄原本的CSS那一套了 : 對了我會想這樣做是因為原網頁在觸控制式銀幕上 : 手指點下去選單出來, 手指一離開就不見了 : 最後只好使用2指神功,一指點主選單,一指點子選單即可 : 這樣有點遜 : 現在撰寫網頁如果事先為了智慧型手機上著想 : 是不是不建議用CSS的hover語法了 : 要改成用JS的onclick才比較好 : (甚至JS的mouse event也都要捨棄) 不好意思我自問自答, 因為我終於在網路上找到解決方法了只要在頁面尾端加上 var myLinks = document.getElementsByTagName('a'); for(var i = 0; i < myLinks.length; i++){ if(typeof(myLinks[i].addEventListener)=="undefined") continue; myLinks[i].addEventListener('click', function() { if( this.className.search(/.* iehover$/) >=0 ) this.className=this.className.replace(new RegExp(" iehover\\b"), ""); else this.className+=" iehover"; }, false); } 但是我看不懂iehover是幹嘛的 $是jQuery的語法嗎所以有應用到jQuery吧 -- 看不見太陽那就賞月吧 -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 114.39.163.40

→

kerash

07/03 16:19, , 1^F

07/03 16:19, 1^F

→

kerash

07/03 16:19, , 2^F

07/03 16:19, 2^F

→

kerash

07/03 16:20, , 3^F

07/03 16:20, 3^F