超级连接介绍,连接介绍,显示连接信息,鼠标放上显示连接信息
<html>
<head>
<title>鼠标触及链接滚动提示信息的代码</title>
</head><body>
<!--将以下代码加入HTML的<Body></Body>之间-->
<style type="text/css">
<!--
a:link { color: #0020FF; text-decoration: none;font-size: 9pt}
a:visited { color:#0020FF; text-decoration: none;font-size: 9pt}
a:hover { color: #585858; text-decoration: underline;font-size: 9pt}
-->
</style>
<SCRIPT language=JavaScript>
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 blue">'+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>
<DIV id=tooltip2
style="background-color: white; clip: rect(0px 150px 50px 0px); height: 1px; left: 2px; position: absolute; top: 0px; visibility: visible; width: 100px; z-index: 2"><LAYER
name="nstip" width="500px" bgColor="white"></LAYER></DIV>
<A href="#" onmouseout=hidetip2() onmouseover="showtip2(this,event,'asp,js,photo,flash,seo网站制作学习')" target=_blank>网站制作学习</font></A><br>
<br>
</body></html>
更多信息请查看IT技术专栏