mouseover() 鼠标进入（进入子元素也触发）
百色网站制作公司哪家好，找创新互联公司！从网页设计、网站建设、微信开发、APP开发、自适应网站建设等网站项目制作，到程序开发，运营维护。创新互联公司自2013年起到现在10年的时间，我们拥有了丰富的建站经验和运维经验，来保证我们的工作的顺利进行。专注于网站建设就选创新互联公司。
mouseout() 鼠标离开（离开子元素也触发）
mouseenter() 鼠标进入（进入子元素不触发）
mouseleave() 鼠标离开（离开子元素不触发）
mouseenter(进入)、mouseleave、mouseover(覆盖)和mouseout是常用来判断鼠标移出和移入的事件句柄，虽然功能上差不多，但是细节却有不同的地方。
mouseover和mouseout在父元素和其子元素都可以触发，当鼠标穿过一个元素时，触发次数得依子元素数量而言。
mouseenter和mouseleave只在父元素触发，当鼠标穿过一个元素时，只会触发一次。
mouseover和mouseout比mouseenter和mouseleave先触发
因此一般mouseover和mouseout一起使用，mouseenter和mouseleave一起使用
我猜会继续提问
script type="text/javascript"
var t;
$('.same-name span').animate({top: "0px", opacity: "0"});
$('.same-name i img').hover(function(){
//ImgToggle($(this),true);
$(this).parent().parent().children("span").stop().animate({top: "-16px", opacity: "1"})
},function(){
t=setTimeout("ImgToggle("+$(this).parent().parent().index()+")",400);
console.log($(this).parent().parent().index());
}
)
$('.same-name span').hover(function(){clearTimeout(t)},function(){
$(this).stop().animate({top: "0px", opacity: "0"});
})
function ImgToggle(i){
$('.same-name').parent().children().eq(i).find('span').animate({top: "0px", opacity: "0"});
}
/script
用jQuery实现div随鼠标移动而移动方法：
让div随着鼠标走，需要知道几个关键点
如何获取鼠标的横纵坐标。如何让div在别的html代码上移动。
var xx = e.originalEvent.x || e.originalEvent.layerX || 0;
var yy = e.originalEvent.y || e.originalEvent.layerY || 0;
$('#month').css({top: yy, left: xx});//注意这是用css的top和left属性来控制div的。
还有个注意的地方，div要设置成绝对位置才可以。
position: absolute;
只有这样div才能在其他的显示元素上面随便移动。
mouseover事件于用户把鼠标从一个元素移动到另外一个元素上时触发，mouseout事件于用户把鼠标移出一个元素时触发。\x0d\x0a下面为你详细介绍下jquery中的鼠标事件：\x0d\x0a(1):click事件：click事件于用户在元素敲击鼠标左键，并在相同元素上松开左键时触发；\x0d\x0a$('p').click(function(){\x0d\x0aalert('click function is running\x0d\x0a!');\x0d\x0a});\x0d\x0a(2):dbclick事件：dbclick事件在用户完成迅速连续的两次点击之后触发，双击的速度取决于操作系统的设置。一般双击事件在页面中不经常使用；\x0d\x0a$('p').dbclick(function(){\x0d\x0aalert('dbclick function is running\x0d\x0a!');\x0d\x0a});\x0d\x0a(3):mousedown事件：mousedown事件在用户敲击鼠标键时触发，跟keydown事件不一样，该事件仅在按下鼠标时触发；\x0d\x0a$('p').mousedown(function(){\x0d\x0aalert('mousedown function is\x0d\x0arunning !');\x0d\x0a});\x0d\x0a(4):mouseup事件：mouseup事件在用户松开鼠标时触发，如果在与按下鼠标的元素相同元素上松开，那么click事件也会触发；\x0d\x0a$('p').mouseup(function(){\x0d\x0aalert('mouseup function is running\x0d\x0a!');\x0d\x0a}).click(function(){\x0d\x0aalert('click\x0d\x0afunction is running too !');\x0d\x0a});\x0d\x0a(5):mouseover事件：mouseover事件于用户把鼠标从一个元素移动到另外一个元素上时触发，如果需要知道来自那个元素可以使用，relatedTagrget属性；\x0d\x0a(6):mouseout事件：mouseout事件于用户把鼠标移出一个元素时触发，这包括从父元素移动到子元素上，或者使用键盘跳到元素上。
