您的位置:首页 > Web前端 > JavaScript

mouseover时显示滚动字幕

2003-02-25 17:37 513 查看
<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="http://laofuzi.3322.net/" onmouseout=hidetip2() onmouseover="showtip2(this,event,'如果你想了解更多、学到更多,请到夫子在线来吧')" target="_blank">夫子在线</a>

 
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息