jQuery因mouseover,mouseout冒泡产生的闪烁问题

由于浏览器的冒泡行为。造成如果在一个DIV元素上同时定义了mouseover,mouseout的时候，当鼠标移动到DIV中的child子元素的时候，就会同时执行了两个操作mouseover和mouseout。

方法1：
延迟执行（setTimeout）、取消延迟（clearTimeout），就是当mouseout的时候延迟执行，而在mouseover的时候取消延迟执行。当鼠标在DIV上边移动的时候因为延迟的执行所以mouseout一直都不会被触发。

$('div').mouseout(function(){
	clearTimeout(t);
	t=setTimeout(zoomIn,400);
}).mouseover(function(){
	if(t!=null)clearTimeout(t);
	t=null;
	}
);

这个方法待测试(在网上看到的)，code中也有部分不是一看就明白。

方法2:

$(‘div’).mouseenter(function(){}).mouseleave(function(){});

最好使用jquery的最新版本，低版本有可能不支持(手册上好像并没有对此方法的介绍)