jquery鼠标跟随简单效果

    this.mouse_try = function() {
        var mouse_box = $('.mouse_box');
        var obversepic = $('.mouse_box .obversepic');
        var facade = $('.mouse_box .facade');
        mouse_box.mousemove(function(e) {
            var event =  e || window.event;//window.event 对象可以监听键盘和鼠标的一些动作。可以获取鼠标当前的位置。设置其他对象的坐标就可以实现跟随
               //clientY鼠标到屏幕可视区域
               //screenX鼠标到窗口大小，包括导航和拉条
               //position() 相对于body的位置
               //定义最大宽度和高度
                maxWidth = $(this).width();
                maxHeight = $(this).height();
                //鼠标跟随返方向
                obverseL = $(this).width() - event.screenX;
                obverseT = $(this).height() - event.screenY;
                //跟随对象的父层到页面窗口的位置
                parentOffset = facade.offsetParent().offset();//mouse_box到页面窗口的位置
                facadeLeft = e.pageX + 5 - parentOffset.left;//鼠标到mouse_box的位置
                facadeTop = e.pageY + 5 - parentOffset.top; 
                //判断鼠标跟随效果移动的范围
                obversepic.css({'left': obverseL + 'px','top':obverseT + 'px'});    
                if(facadeLeft > maxWidth - facade.width()){
                    facade.css({'left': maxWidth - facade.width() + 'px'});
                }
                else{
                    facade.css({'left': facadeLeft + 'px'});
                }
                if( facadeTop > maxHeight - facade.height() ) {
                    facade.css({'top': maxHeight - facade.height() + 'px'});
                }
                else{
                    facade.css({'top': facadeTop + 'px'});
                }
        });    
    }