html页面设置一个跟随鼠标移动的DIV（jQuery实现）

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

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

　　　　　　<a href="#" > 测试标签</span></a>

　　　　　　　　<div class="" >测试框</div>

jQuer：

var tip={ 

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

};
}
}

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