文字輪番交替出現

2024-09-05 12:21:32

字體：大中小

來源：轉載

供稿：網友

JavaScript打造的多組文字輪番切換的效果，可以用作網站公告，帶動畫切換，學習JS的朋友可要好好研究一下哦。

<title>文字輪番</title><script language="JavaScript">var delay=2000var scrollwidth=330var scrollheight=75var message=new Array()var openingtag='<font color=FF9900>'message[0]='<b>源碼愛好者</b>'message[1]='<b>可以找到很不錯的源代碼、網頁特效</b>'message[2]='<b>同時也歡迎發布資源</b>'var closingtag='</font>'var hoffset=-10</script><ilayer width= && #123;scrollwidth}; height= && #123;scrollheight}; name="sslide"><layer name="sslide2" width= && #123;scrollwidth}; height= && #123;scrollheight};></layer></ilayer><script language="JavaScript1.2">var inc=1var ns4=document.layersvar ie5ns6=document.getElementById||document.allif (ie5ns6)document.write(openingtag+'<div   class="iwvjtn8m0"   id="flyin" style="position:relative;width:'+scrollwidth+';height:'+scrollheight+';">'+message[0]+'</div>'+closingtag)function updatemsg(){crossobj.style.left=-2000crossobj.style.fontStyle="italic"crossobj.innerHTML=message[inc]crossobj.style.left=crossobj.offsetWidth*(-1)+hoffsetstart=setInterval("animatein()",50)inc=(inc<message.length-1)? inc+1 : 0}function animatein(){if (parseInt(crossobj.style.left)<0)crossobj.style.left=parseInt(crossobj.style.left)+20else{crossobj.style.left=0crossobj.style.fontStyle="normal"clearInterval(start)}}function updatemsgns4(){document.sslide.document.sslide2.document.write(openingtag+message[inc]+closingtag)document.sslide.document.sslide2.document.close()inc=(inc<message.length-1)? inc+1 : 0}function initialize(){if (ie5ns6){crossobj=document.getElementById? document.getElementById("flyin") : document.all.flyinsetInterval("updatemsg()",delay+1000)}else if (ns4){document.sslide.document.sslide2.document.write(openingtag+message[0]+closingtag)document.sslide.document.sslide2.document.close()setInterval("updatemsgns4()",delay)}}window.onload=initialize</script>

上一篇：一個平滑的文字顏色變幻特效

下一篇：一個XML頁面文字滾動效果演示