1.mouseover和mouseenter的区别
mouseover:当鼠标指针位于元素上方时,会发生 mouseover 事件。
mouseenter:当鼠标指针穿过元素时,会发生 mouseenter 事件。
2.type事件问题
type 事件属性返回发生的事件的类型,即当前 Event 对象表示的事件的名称。
它与注册的事件句柄同名,或者是事件句柄属性删除前缀 “on” 比如 “submit”、“load” 或 “click”。
$(document).on('mouseenter', '.one', function () {
$(".xx1").css('z-index', '10').animate({ 'width': '1200px', 'right': '900' }, 700);
$(".xx1").css('display', 'block')
})
.on('mouseleave mouseenter', '.xx1', function (e) {
if (e.type == 'mouseleave') {
$(".xx1").stop().animate({ 'width': '300px', 'right': '300px' }, 800, function () {
$(".xx1").css('z-index', '-1');
$(".xx1").css('display', 'none')
});
} else {
$(".xx1").css('z-index', '10').stop().animate({ 'width': '1200px', 'right': '900' }, 700);
$(".xx1").css('display', 'block')
}
});