您好,登錄后才能下訂單哦!
<div id="xinwen_bottom" class="xinwen_bottom"> <div id="xinwen_msg_bground" class="xinwen_msg_bground"></div> <div id="xinwen_msg" class="xinwen_msg"> <div id="xinwen_msg_left" class="xinwen_msg_left"> <a id="xinwen_desc" class="xinwen_desc"> <strong>版權(quán)法規(guī)有變</strong> </a> </div> <div id="xinwen_msg_right" class="xinwen_msg_right"> <a href="#" onclick="return false"><img class="tiny_img" num=6 src="pic/news/circle.jpg" onmouseover="news_tiny_selector(6)"></a> <a href="#" onclick="return false"><img class num=5 src="pic/news/circle.jpg" onmouseover="news_tiny_selector(5)"></a> <a href="#" onclick="return false"><img class num=4 src="pic/news/circle.jpg" onmouseover="news_tiny_selector(4)"></a> <a href="#" onclick="return false"><img class num=3 src="pic/news/circle.jpg" onmouseover="news_tiny_selector(3)"></a> <a href="#" onclick="return false"><img class num=2 src="pic/news/circle.jpg" onmouseover="news_tiny_selector(2)"></a> <a href="#" onclick="return false"><img class num=1 src="pic/news/circle.jpg" onmouseover="news_tiny_selector(1)"></a> </div> </div> </div>
html代碼如上、現(xiàn)準(zhǔn)備做一個當(dāng)鼠標(biāo)懸停在xinwen_bottom時候畫面不執(zhí)行Interval,當(dāng)鼠標(biāo)移出xinwen_bottom時候繼續(xù)執(zhí)行setInterval時間進(jìn)行圖片輪播,之前的代碼如下:
$("div.xinwen_bottom").mouseout(function(){ alert(1); });
發(fā)現(xiàn)無限觸發(fā)mouseout。
查閱后發(fā)現(xiàn),mouseout不僅作用于本元素,還作用于子元素和孫元素,所以會無限觸發(fā)。改用mouseleave后問題解決
$("div.xinwen_bottom").mouseleave(function(){ alert(1); });
小結(jié):mouseout作用于本元素和子元素以及孫元素。mouseleave僅作用于本元素。
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報,并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。