今天在网上找到一段js代码,鼠标移动到文字链接善过就会出现悬停提示,悬停提示的文字还会跟随鼠标一起动。这个在一些需要对页面某些元素做提示的时候很有用。下面是代码:
<script> var c$={}; var w$=function(s){document.write(s);} var o$=function(id){return document.getElementById(id);} w$("<div id=\"ts\" style=\"position:absolute;background-color:#FFFFE6;font-size: 12px;padding: 3px; border: 1px solid #FFCC99;display:none\"></div>"); c$.mmove=function(o,s){ //alert(typeof(s)); var evt=event||window.event; var x=evt.clientX+5; var y=evt.clientY+20; o$("ts").style.left=x+"px"; o$("ts").style.top=y+"px"; if(s==""||typeof(s)=="undefined"){ o$("ts").innerHTML=o.innerHTML; }else{ o$("ts").innerHTML=s } o$("ts").style.display=""; } c$.mout=function(){ o$("ts").style.display="none"; } </script> <a href="http://www.redren.net" onmousemove="c$.mmove(this,'就是这样咯');" onmouseout="c$.mout();"> <span style="color:blue;text-decoration:underline;">点这里查看鼠标悬停效果</span> </a>
代码来源 EQblog