jQuery鼠标事件

不论鼠标指针穿过被选元素或其子元素，都会触发 mouseover 事件。
只有在鼠标指针穿过被选元素时，才会触发 mouseenter 事件。
mouseout和mouseleave同理
hover是指分别当鼠标指针进入和离开元素时被执行的事件相当于mouseenter+mouseleave
mousemove是鼠标移动事件,只要鼠标移动都会触发

工作的时候写了一个当页面变小的时候,将页面的固定定位元素收到左边,以免挡到其他元素的效果

$(function() {
        var w = $(window).width();//获得浏览器宽度
        if(w<1300){
            changeDivWidth();
        }
    })
    window.onresize=function(){
        var w = document.documentElement.clientWidth;//获取页面可见宽度
        if(w<=1300){
            changeDivWidth();
        }else{
            $("#test").animate({'left':'150px'});
            $('#test').unbind("mouseenter");
            $('#test').unbind("mouseleave");
        }
    }
    function  changeDivWidth(){
        $("#test").animate({'left':'-150px'});
        $("#test").mouseenter(function (){
            $("#test").animate({'left': '0px'});
        }).mouseleave(function (){
            $("#test").animate({'left': '-150px'});
        });
    }