Question

jquery 鼠标事件 mouseenter

$(document).ready(function(){
$("#001").mouseenter(function(){
$("#image").find("img").fadeOut(1000,function(){
$("#image").find("img").attr("src","../images/content_bg.jpg"); });
$("#image").find("img").fadeIn(1000);
});
});

<tr align="center" valign="top" scope="col">
<th id="001">客户订单</th>
</tr>
<td id="image" width="50%"> <img src="../images/3_webmap_foot_bg2.jpg" width="200px" />
</td>
我的鼠标停留在001上时，画面就一直闪。有什么方法能判定，鼠标停留在001上时，画面不闪呢？
P.S:想做的就是点击侧边栏，然后展示页面转换图片。并伴有淡入淡出效果

Answer 1

可能是在不断触发mouseenter事件导致，加一状态变量来控制
$(document).ready(function(){
var ani = false;
$("#001").mouseenter(function(){
if (!ani) {
ani = true;
$("#image").find("img").fadeOut(1000,function(){
$("#image").find("img").attr("src","../images/content_bg.jpg"); });
$("#image").find("img").fadeIn(1000,function() {ani = false;});
});
}
});