日本語
<!-- この効果を実現するには、次のコードを <body> 領域に追加します --> <script> var message="Web ページ制作チュートリアル ダウンロード downcodes.com programming technology" var messagefont=new Array("Arial Black", " Verdana","Impact","Comic Sans MS") var messagecolor=new Array("33FF33","olive","888888","purple") var Positionleft=20 var Positiontop=10 </script> <script > var timer var marginright=0 var i_fadestrength=5 var i_message=0 var i_messagecolor=0 var i_messagefont=0 var step=1 var maxfontsize=110 var fontsizefactor=maxfontsize/100 var content var textboxwidth=0 var bodywidth=0 message=message .split(" ") function setmessage() { if (i_message>=message.length) {i_message=0} if (i_messagecolor>=messagecolor.length) {i_messagecolor=0} if (i_messagefont>=messagefont.length) {i_messagefont = 0} content="<nobr><font color="+messagecolor[i_messagecolor]+" face="+messagefont[i_messagefont]+">"+message[i_message]+"</font><nobr>" テキストボックス。 innerHTML =content i_message++ i_messagecolor++ i_messagefont++ timer=setTimeout("resizemessage()",500) } function raisemessage() { if (i_fadestrength<120) { textbox.filters.alpha.opacity=Math.floor(100-i_fadestrength) document.all textbox.style.fontSize=i_fadestrength*fontsizefactor document.all.textbox.style.posLeft=positionleft-(Math.floor(i_fadestrength/1.1*fontsizefactor)) document.all.textbox.style.posTop=positiontop document.all.textbox . style.width=bodywidth-document.all.textbox.style.posLeft-5 document.all.textbox.style.overflowX="hidden" document.all.textbox.style.visibility="visible" step+=1.5 i_fadestrength+=step timer =setTimeout("resizemessage()",50) } else { clearTimeout(timer) i_fadestrength=0; setmessage() } } if (document.all) { document.write("<DIV id='textbox ' style='position:absolute;font-family:Verdana;filter:alpha(opacity=0);'></DIV>") document.write("<DIV style='position:relative;'>") } if (document.all) { bodywidth=document.body.clientWidth-5 setmessage() } </script>
