网站制作学习网JS脚本→正文:鼠标放上显示连接信息
字体:

鼠标放上显示连接信息

JS脚本 2008/4/2 8:35:54  点击:不统计

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

<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>

·上一篇:网页灯光效果 >>    ·下一篇:tr 的onclick 选中checkbox >>
推荐文章
最新文章