提供了编程的基础技术教程

zl程序教程

您现在的位置是：首页 >  其它

当前栏目

给超链接添加特效鼠标移动展示提示信息且随鼠标移动

添加 移动 展示 鼠标 特效 超链接 提示信息
2023-06-13 09:15:06 时间

复制代码代码如下:


<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>NewDocument</title>
</head>
<script>
varc$={};
varw$=function(s){document.write(s);}
varo$=function(id){returndocument.getElementById(id);}
w$("<divid=\"ts\"style=\"position:absolute;background-color:#FFFFE6;font-size:12px;padding:3px;border:1pxsolid#FFCC99;display:none\"></div>");

c$.mmove=function(o,s){
//alert(typeof(s));
varevt=event||window.event;
varx=evt.clientX+5;
vary=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>
<body>
<ahref="#"onmousemove="c$.mmove(this,"点击查看设备误差分析");"onmouseout="c$.mout();">
<spanstyle="color:blue;text-decoration:underline;">分析</span>
</a>
</body>
</html>

相关文章