讓文本飛出來的特效代碼

2024-09-05 12:21:19

字體：大中小

來源：轉載

供稿：網友

CSS+JS實現讓文本飛出來的特效，像FLASH動畫一樣。

<html><head><title>讓文本飛出來的特效代碼</title><style type="text/css">.glidetext{position: relative;left: -500px;}</style><script type="text/javascript">var pausebetweenmsg=10var glidespeed=50var curobjindex=0function actualstyle(el, cssproperty){if (el.currentStyle)return el.currentStyle[cssproperty]else if (window.getComputedStyle){var elstyle=window.getComputedStyle(el, "")return elstyle.getPropertyValue(cssproperty)}}function collectElementbyClass(){var classname="glidetext"glidearray=new Array()var inc=0var alltags=document.all? document.all : document.getElementsByTagName("*")for (i=0; i0)onebyoneglide()}function onebyoneglide(){if (curobjindex<glidearray.length)glidetimer=setInterval("glideroutine()",50)}function glideroutine(){if (parseInt(actualstyle(glidearray[curobjindex], "left"))<0)glidearray[curobjindex].style.left=parseInt(actualstyle(glidearray[curobjindex], "left"))+50else{glidearray[curobjindex].style.left=0curobjindex++clearInterval(glidetimer)setTimeout("onebyoneglide()", pausebetweenmsg)}}if (window.addEventListener)window.addEventListener("load", collectElementbyClass, false)else if (window.attachEvent)window.attachEvent("onload", collectElementbyClass)else if (document.getElementById)window.onload=collectElementbyClass</script></head><body><div   id="70qarhlowxag"   class="glidetext">文字一</div><div   id="70qarhlowxag"   class="glidetext">文字二</div><div   id="70qarhlowxag"   class="glidetext">文字三</div></body></html>

上一篇：JS圖片滾動代碼（無縫、平滑）

下一篇：JavaScript 文字拖動