<divid="xinwen_bottom"class="xinwen_bottom"><divid="xinwen_msg_bground"class="xinwen_msg_bground"></div><divid="xinwen_msg"class="xinwen_msg"><divid="xinwen_msg_left"class="xinwen_msg_left"><aid="xinwen_desc"class="xinwen_desc"><strong>版权法规有变</strong></a></div><divid="xinwen_msg_right"class="xinwen_msg_right"><ahref="#"onclick="returnfalse"><imgclass="tiny_img"num=6src="pic/news/circle.jpg"onmouseover="news_tiny_selector(6)"></a><ahref="#"onclick="returnfalse"><imgclassnum=5src="pic/news/circle.jpg"onmouseover="news_tiny_selector(5)"></a><ahref="#"onclick="returnfalse"><imgclassnum=4src="pic/news/circle.jpg"onmouseover="news_tiny_selector(4)"></a><ahref="#"onclick="returnfalse"><imgclassnum=3src="pic/news/circle.jpg"onmouseover="news_tiny_selector(3)"></a><ahref="#"onclick="returnfalse"><imgclassnum=2src="pic/news/circle.jpg"onmouseover="news_tiny_selector(2)"></a><ahref="#"onclick="returnfalse"><imgclassnum=1src="pic/news/circle.jpg"onmouseover="news_tiny_selector(1)"></a></div></div></div>

html代码如上、现准备做一个当鼠标悬停在xinwen_bottom时候画面不执行Interval,当鼠标移出xinwen_bottom时候继续执行setInterval时间进行图片轮播,之前的代码如下:

$("div.xinwen_bottom").mouseout(function(){alert(1);});

发现无限触发mouseout。

查阅后发现,mouseout不仅作用于本元素,还作用于子元素和孙元素,所以会无限触发。改用mouseleave后问题解决

$("div.xinwen_bottom").mouseleave(function(){alert(1);});

小结:mouseout作用于本元素和子元素以及孙元素。mouseleave仅作用于本元素。