鼠标移动到文字链接上出现悬停提示语的JS代码

今天在网上找到一段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

发表评论

电子邮件地址不会被公开。 必填项已用*标注