代码:
以下是代码片段：
<DIV id=tooltip2 style="LEFT: 103px; VISIBILITY: hidden; WIDTH: 150px; CLIP: rect(0px 150px 50px 0px); POSITION: absolute; TOP: 31px; HEIGHT: 15px; BACKGROUND-COLOR: #ffffcc"></DIV>
<SCRIPT language="">
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>
<CENTER><A onmouseover="showtip2(this,event,'锐奇学堂,教你做更精彩的网站！')" onmouseout=hidetip2() href="http://four.51rich.net">http://four.51rich.net</A> </CENTER> |
代码说明:
<CENTER><A onmouseover="showtip2(this,event,'锐奇学堂,教你做更精彩的网站！')" onmouseout=hidetip2() href=http://four.51rich.net>锐奇学堂</A> </CENTER>
以上代码的红色部分是注解的内容,蓝色部分为超级链接的链接地址,绿色部分为页面上显示的超级链接文字内容
使用方法:将代码添加到对应栏目的在线编辑器的合适位置即可
特效演示:
把鼠标放在下边的网址上试试上
http://study.cnhynet.com |
|
鼠标旁的滚动链接注释
相关内容
