mouseover時顯示滾動字幕特效

2019-11-21 02:18:22

字體：大中小

來源：轉載

供稿：網友

<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   class="iwvjtn8m0"   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  onmouseout=hidetip2() onmouseover="showtip2(this,event,'如果你想了解更多、學到更多，請到夫子在線來吧')" target="_blank">夫子在線</a>

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

上一篇：做網頁的一些技巧（續）

下一篇：javascript的函數