前幾天幫朋友做了一個單頁面,其中有個效果就是鼠標移動到頭像上變換頭像樣式,當鼠標移出時恢復頭像樣式。當時沒多想,腦子就蹦出了mouseover,mouseout兩個方法。
但是在編寫頁面的過程中,無論我怎么調試只有mouseover方法可以,mouseout方法失效。
於是就google,百度尋找解決答案,可是找了好久都沒找到合適的答案。只好問問同事了,同事看了我的代碼后也覺得沒有問題,但是怎么測都失效。
往往在一條路上遇到問題后,通過各種方式都解決不了時,我們就要調整思路轉換道路。
同事跟我說了他之前寫的一個類似的效果所用到的方法。於是試了試果然立馬見效。看來還是自己對JQuery的一些方法還不了解。
$(obj).mouseenter(function(){ //鼠標移入 }).mouseleave(function(){ //鼠標移出 });