function getTop(a){var b=a.offsetTop;if(a.offsetParent!=null){b+=getTop(a.offsetParent)}return b}function getLeft(a){var b=a.offsetLeft;if(a.offsetParent!=null){b+=getLeft(a.offsetParent)}return b}var tipsdiv=document.getElementsByTagName("div");var tips=[];for(var i=0;i<tipsdiv.length;i++){var attr=tipsdiv[i].getAttribute("rel");if(attr=="tip"){tipsdiv[i].setAttribute("class","tips");tips.push(tipsdiv[i])}}var tips_d=document.getElementById("tips_detail");var tips_list=document.getElementById("tips_list");for(var i=0;i<tips.length;i++){tips[i].addEventListener("mouseenter",function(){var g=this.getAttribute("tip");var b=getLeft(this)+20;var e=getTop(this)+14;var a=this.offsetWidth<300?200:(this.offsetWidth-40);var d=this.offsetHeight<100?100:(this.offsetHeight-28);console.log(b,e,tips_list);tips_d.style.display="block";tips_d.style.left=b+"px";tips_d.style.top=e+"px";tips_d.style.width=a+"px";tips_d.style.height=d+"px";var c=new RegExp(";","g");var f=g.replace(c,"<br>");tips_list.innerHTML=f})}tips_d.addEventListener("mouseleave",function(){this.style.display="none"});