本文實例講述了JS實現自定義狀態欄動畫文字效果。分享給大家供大家參考，具體如下：
在IE瀏覽器中打開，顯示動態文字的效果，主要瀏覽器左下角的文字。
<body onload="stack();"> <script type="text/javascript"> var statusText="自定義動畫狀態欄文字"; var out=""; var pause=100; var animateWidth=20; var position=animateWidth; var i=0; var stack=function(){ if(statusText.charAt(i)!=" "){ out=""; for(var j=0;j<i;j++){ out+=statusText.charAt(j); } for(j=i;j<position;j++){ out+=" "; } out+=statusText.charAt(i); for(j=position;j<animateWidth;j++){ out+=" "; } window.status=out; if(position==i){ animateWidth++; position=animateWidth; i++; }else{ position--; } }else{ } if(i<=statusText.length){ setTimeout("stack()",pause); } } </script></body>運行效果：
更多關于JavaScript相關內容感興趣的讀者可查看本站專題：《JavaScript動畫特效與技巧匯總》、《JavaScript圖形繪制技巧總結》、《JavaScript切換特效與技巧總結》、《JavaScript錯誤與調試技巧總結》、《JavaScript數據結構與算法技巧總結》及《JavaScript數學運算用法總結》
希望本文所述對大家JavaScript程序設計有所幫助。
新聞熱點
疑難解答
