让文本飞出来的特效代码

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 class="glidetext">文字一</div><div class="glidetext">文字二</div><div class="glidetext">文字三</div></body></html>

上一篇：JS图片滚动代码（无缝、平滑）

下一篇：JavaScript 文字拖动