JS實現(xiàn)自定義狀態(tài)欄動畫文字效果示例
更新時間：2017年10月12日 12:07:08 作者：第十七簽
這篇文章主要介紹了JS實現(xiàn)自定義狀態(tài)欄動畫文字效果,涉及javascript結合時間函數(shù)動態(tài)設置IE狀態(tài)欄文字顯示效果相關操作技巧,需要的朋友可以參考下
本文實例講述了JS實現(xiàn)自定義狀態(tài)欄動畫文字效果。分享給大家供大家參考，具體如下：
在IE瀏覽器中打開，顯示動態(tài)文字的效果，主要瀏覽器左下角的文字。
<body onload="stack();">
<script type="text/javascript">
var statusText="自定義動畫狀態(tài)欄文字";
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相關內(nèi)容感興趣的讀者可查看本站專題：《JavaScript動畫特效與技巧匯總》、《JavaScript圖形繪制技巧總結》、《JavaScript切換特效與技巧總結》、《JavaScript錯誤與調試技巧總結》、《JavaScript數(shù)據(jù)結構與算法技巧總結》及《JavaScript數(shù)學運算用法總結》
希望本文所述對大家JavaScript程序設計有所幫助。
相關文章
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)滑塊驗證解鎖，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-01-01
這篇文章主要介紹了淺談JS中幾種輕松處理'this'指向方式，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-09-09
這篇文章主要介紹了JS中作用域以及變量范圍分析,需要的朋友可以參考下2020-07-07
從數(shù)組中隨機取x條不重復數(shù)據(jù)的JS代碼
這篇文章主要介紹了從數(shù)組中隨機取x條不重復數(shù)據(jù)的JS代碼，有需要的朋友可以參考一下2013-12-12
這篇文章主要介紹了js異或運算符^小技巧，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-04-04
Javascript 判斷兩個IP是否在同一網(wǎng)段實例代碼
javascript功能的強大之處是我們大家有目共睹的，幾天小編向大家介紹Javascript 判斷兩個IP是否在同一網(wǎng)段，感興趣的朋友可以參考一下2016-11-11
這篇文章主要介紹了javascript頁面倒計時實現(xiàn)方法,可實現(xiàn)簡單的頁面倒計時及自動提交表單功能,非常簡單實用,需要的朋友可以參考下2015-07-07
這篇文章主要為大家詳細介紹了javascript滾輪控制模擬滾動條的相關資料,具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-10-10
這篇文章主要介紹了微信小程序按鈕點擊動畫效果的實現(xiàn),本文通過實例代碼給大家介紹的非常詳細，具有一定的參考借鑒價值，需要的朋友可以參考下2019-09-09
這篇文章主要介紹了原生javascript獲取元素樣式的方法,需要的朋友可以參考下2014-12-12