鼠标移入移出事件

mouseenter和mouseover 它们两个都是用于监听鼠标的事件，具体意义是：当鼠标移入一个你规定的一个区域时触发的事件。 区别：不论鼠标指针移入被选元素或其子元素，都会触发 mouseover 事件。 只有在鼠标指针从元素外移入被选元素区域时，才会触发 mouseenter 事件。 mouseleave和mouseout 它们两个都是用于监听鼠标的事件，具体意义是：当鼠标移出一个你规定的...

鼠标放在元素上移入移出。$(function() { $(".top_weixin").hover(function() { $(".topWeixinPic").fadeIn(300); }, function() { $(".topWeixinPic").fadeOut(300); }); });

1、mouseenter：在鼠标光标从元素外部首次移动到元素范围之内时触发，这个事件不冒泡。2、mouseleave：在位于元素上方的鼠标光标移动到元素范围之外时触发，这个事件不冒泡。3、mouseover：在鼠标指针位于一个元素外部，然后用户将其首次移入另一个元素边界之内时触发。4、mouseout：在鼠标指针位于一个元素上方，然后用户将其移入另一个元素时触发。又移入的另一个元素可能位于前一个元素的外部，也可能是该元素的子元素。

鼠标移入移出事件的区别

mouseenter：当鼠标移入某元素时触发。 mouseleave：当鼠标移出某元素时触发。 mouseover：当鼠标移入某元素时触发，移入和移出其子元素时也会触发。 mouseout：当鼠标移出某元素时触发，移入和移出其子元素时也会触发。 mousemove：鼠标在某元素上移动时触发，即使在其子元素上也会触发。 ...

1.先在HTML设置两个box： <div id="box1"></div> <div id="box2"></div> 2、在CSS中设置样式： text-align和line-height同时设置可以使文字垂直居中 #box1, #box2{ width: 200px; height: 50px; background-color: #999;

onmouseenter onmouseleave onmouseover onmouseout