当前位置：Gxlcms > JavaScript > mouseover时显示滚动字幕特效_典型特效

mouseover时显示滚动字幕特效_典型特效

时间：2021-07-01 10:21:17 帮助过：55人阅读

<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> 
  
夫子在线

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

mouseover时显示滚动字幕特效_典型特效

人气教程排行