當前位置:編程學習大全網 - 編程語言 - 帶超級鏈接的跑馬燈

帶超級鏈接的跑馬燈

超鏈接的跑馬燈式提示信息

把妳的“老鼠”移到下面鏈接上試壹試,有什麽不同呢?原來彈出了壹條跑馬燈式的提示信息,這是怎麽實現的呢,請接著看:

跑馬燈大全(壹) 電腦交互教程 網頁制作技巧技巧

源碼粘貼框:

1.將下面代碼放在<body>標簽下:

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

2.然後在要出現提示信息的鏈接中,添加onMouseover語句:

<a href="pm23.htm" onMouseover="showtip2(this,event,'用marquee實現的各式跑馬燈')" onMouseout="hidetip2()">跑馬燈大全(壹)</a>

<a href="/pc/index.htm" onMouseover="showtip2(this,event,'最多最全的電腦交互教程')" onMouseout="hidetip2()">電腦交互教程</a>

<a href="pmjq00.htm" onMouseover="showtip2(this,event,'點滴技巧裝扮妳的家')" onMouseout="hidetip2()">網頁制作技巧技巧</a>

  • 上一篇:無人機專業有哪些課程
  • 下一篇:C語言期末考試試題(譚浩強版)
  • copyright 2024編程學習大全網