鼠标放上显示连接信息
2014-10-09来源:易贤网

超级连接介绍,连接介绍,显示连接信息,鼠标放上显示连接信息

<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技术专栏

2025公考·省考培训课程试听预约报名

  • 报班类型
  • 姓名
  • 手机号
  • 验证码
推荐信息