js文字從左邊飛入效果


貼代碼之前,我們先講一下它的原理,我們使用setInterval,讓文字一開始置於屏幕看不到的位置,左右上下都可以,然后讓它的位置不斷移入到屏幕看得到的位置。

下面上代碼:

html:

<h2 id="flyin" style="position:relative;left:-400;font-style:italic">
<font face="Arial">陳澤鋒教你如何讓文字從左邊飛入</font>
</h2>

js:

if (document.getElementById||document.all)
var crossheader=document.getElementById? document.getElementById("flyin").style : document.all.flyin.style
function animatein(){
if (parseInt(crossheader.left)<0)
crossheader.left=parseInt(crossheader.left)+20
else{
crossheader.left=0
crossheader.fontStyle="normal"
clearInterval(start)
}
}
if (document.getElementById||document.all)
start=setInterval("animatein()",50)

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM