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