旋轉文字
效果
請 複 製 以 下 程 式 碼 到 網 頁<head> . . . </head>部 分 。
<script> <!-- Beginning of JavaScript - //請在這裡輸入字句 var message = new Array() message[0]="000000000000000" message[1]="111111111111111" message[2]="222222222222222" message[3]="333333333333333" message[4]="444444444444444" message[5]="555555555555555" message[6]="666666666666666" //可隨意增加或減少數量 message[7] //尺寸大小 var scrollerheight=300 var scrollerwidth=700 var font_family="Verdana" //位置 var x_textposition=100 var y_textposition=10 var i_message=0 var i_loop=0 var max_loop=48 var timer y_textposition=y_textposition-Math.floor(scrollerheight/1.5)+10 x_textposition=x_textposition-Math.floor(scrollerwidth/3) function initiate() { if (document.all) { document.all.rotationstyle.style.posLeft=x_textposition document.all.rotationstyle.style.posTop=y_textposition changemessage() } } function changemessage() { do_rotate="yes" rotationstyle.innerHTML= '<OBJECT ID="rotationobj" CLASSID="CLSID:369303C2-D7AC-11d0-89D5-00A0C90833E6" STYLE="position:relative;width:'+scrollerwidth+'px;height:'+2*scrollerheight+'px">'+ '<PARAM NAME="Line0001" VALUE="SetLineStyle(0)">'+ '<PARAM NAME="Line0002" VALUE="SetLineColor(255,0,0)">'+ '<PARAM NAME="Line0003" VALUE="SetFillColor(255,0,0)">'+ '<PARAM NAME="Line0004" VALUE="SetFont(\''+font_family+'\', '+5+', 400, 0, 0, 0)">'+ '<PARAM NAME="Line0005" VALUE="Text(\''+message[i_message]+'\', 0, 0, 0)">'+ '</OBJECT>' startscroll() } function startscroll() { if (i_loop < max_loop) { rotationobj.Rotate(0,0,-30) rotationobj.Scale(1.04,1.04,1.04) i_loop++ timer=setTimeout("startscroll()",50) } else { i_message++ i_loop=0 if (i_message>=message.length) {i_message=0} timer=setTimeout("changemessage()",2000) } } // - End of JavaScript - --> </script>
請 複 製 以 下 紅色的地方到網 頁<body . . . >部 分 。
onLoad="initiate()"
請 複 製 以 下 程 式 碼 到 網 頁<body> . . . </body>部 分 。
<SPAN ID="rotationstyle" STYLE="position:absolute"> <OBJECT ID="rotationobj" CLASSID="CLSID:369303C2-D7AC-11d0-89D5-00A0C90833E6" width="14" height="14"> </OBJECT> </SPAN>