项目问题animate

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')
            }
        });