Jquery事件:鼠標移入移出(mouseenter,mouseleave)


前幾天幫朋友做了一個單頁面,其中有個效果就是鼠標移動到頭像上變換頭像樣式,當鼠標移出時恢復頭像樣式。當時沒多想,腦子就蹦出了mouseover,mouseout兩個方法。

但是在編寫頁面的過程中,無論我怎么調試只有mouseover方法可以,mouseout方法失效。

於是就google,百度尋找解決答案,可是找了好久都沒找到合適的答案。只好問問同事了,同事看了我的代碼后也覺得沒有問題,但是怎么測都失效。

往往在一條路上遇到問題后,通過各種方式都解決不了時,我們就要調整思路轉換道路。

同事跟我說了他之前寫的一個類似的效果所用到的方法。於是試了試果然立馬見效。看來還是自己對JQuery的一些方法還不了解。

$(obj).mouseenter(function(){
    //鼠標移入

}).mouseleave(function(){
    //鼠標移出

});

              


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM