javascript 跟随鼠标 html跟随鼠标拖动

说明业务：鼠标放到某个标签上，显示一个div,并跟随鼠标移动

html页面（直接放body里面）：

　　　　　　

<a href="#" id="'+data[i].refundId+'"OrderInform"" data-placement="right" onmouseover="tip.start(this)" style="color:#00FFCC;left:;top:;"> 测试标签</span></a>
position:absolute;display:none;width:217px;height:500px;border:solid 5px #000000">测试框</div>
jQuer：
var tip={ 
 　　$:function(ele){ 
            　　if(typeof(ele)=="object")     
                　　return ele;     
            　　else if(typeof(ele)=="string"||typeof(ele)=="number")     
                　　return document.getElementById(ele.toString());     
            　　return null;     
        　　},     
        　　mousePos:function(e){     
            　　var x,y;     
            　　var e = e||window.event;     
            　　return{ x:e.clientX+document.body.scrollLeft+document.documentElement.scrollLeft,     
                    　　y:e.clientY+document.body.scrollTop+document.documentElement.scrollTop};     
            　　},     
        　　start:function(obj){     
            　　var self = this; 
            　　obj.onmousemove=function(e){   
            	　　console.log(e)
                　　var mouse = self.mousePos(e);
                　　console.log(mouse)
                　　var left= mouse.x  + 'px';
                　　var top= mouse.y + 'px';
 　　if(mouse.y+400>900){
                	　　top=mouse.y-500+'px';
                　　}　　$("#OrderInform").css({'top':top,'left':left});
               　　$("#OrderInform").show();	
            };     
            obj.onmouseout=function(){ 
            	$("#OrderInform").hide(); //失去焦点关闭
            };
        }     
    }

 （没有太按语法结构来弄，但是主要代码都在上面）