html跟随鼠标动态在线浏览,html页面设置一个跟随鼠标移动的DIV（jQuery实现）

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

页面(直接放在body里面)：

测试标签

测试框

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.οnmοusemοve=function(e){ 　　console.log(e) 　　var mouse = self.mousePos(e); 　　console.log(mouse) 　　var left= mouse.x + ‘px‘; 　　var top= mouse.y + ‘px‘;　　$("#OrderInform").css({‘top‘:top,‘left‘:left}); 　　$("#OrderInform").show(); }; obj.οnmοuseοut=function(){ $("#OrderInform").hide(); //失去焦点关闭 }; } }