让超链接显示提示信息的js代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" > 
<head> 
    <title>让超链接显示提示信息</title> 
    <script>  
if (!document.layers&&!document.all)  
event="test"  
function showtip2(current,e,text){

if (document.all&&document.readyState=="complete"){  
document.all.tooltip2.innerHTML="<marquee style='border:1px solid black'>"+text+"</marquee>"  
document.all.tooltip2.style.pixelLeft=event.clientX+document.body.scrollLeft+10  
document.all.tooltip2.style.pixelTop=event.clientY+document.body.scrollTop+10  
document.all.tooltip2.style.visibility="visible"  
}

else if (document.layers){  
document.tooltip2.document.nstip.document.write("<b>"+text+"</b>")  
document.tooltip2.document.nstip.document.close()  
document.tooltip2.document.nstip.left=0  
currentscroll=setInterval("scrolltip()",100)  
document.tooltip2.left=e.pageX+10  
document.tooltip2.top=e.pageY+10  
document.tooltip2.visibility="show"  
}  
}  
function hidetip2(){  
if (document.all)  
document.all.tooltip2.style.visibility="hidden"  
else if (document.layers){  
clearInterval(currentscroll)  
document.tooltip2.visibility="hidden"  
}  
}

function scrolltip(){  
if (document.tooltip2.document.nstip.left>=-document.tooltip2.document.nstip.document.width)  
document.tooltip2.document.nstip.left-=5  
else  
document.tooltip2.document.nstip.left=150  
}

</script>

</head> 
<body> 
<p>显示静态文本信息</p> 
<a href=https://www.jb51.net title="脚本之家">脚本之家</a>

<p>显示动态文本信息</p> 
<div id="tooltip2"  
style="position:absolute;visibility:hidden;clip:rect(0 150 50 0);width:150px;background-color:lightyellow"> 
<layer name="nstip" width="1000px" bgColor="lightyellow"> 
</layer>  
</div> 
<a href=https://www.jb51.net onMouseover="showtip2(this,event,'收藏了大量的精品学习资料')" onMouseout="hidetip2()">脚本之家</a>

</body> 
</html>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

频道导航

让超链接显示提示信息的js代码

您可能感兴趣的文章: