JS實現(xiàn)自定義狀態(tài)欄動畫文字效果示例
更新時間：2017年10月12日 12:07:08 作者：第十七簽
這篇文章主要介紹了JS實現(xiàn)自定義狀態(tài)欄動畫文字效果,涉及javascript結(jié)合時間函數(shù)動態(tài)設(shè)置IE狀態(tài)欄文字顯示效果相關(guān)操作技巧,需要的朋友可以參考下
本文實例講述了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>
運行效果：
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《JavaScript動畫特效與技巧匯總》、《JavaScript圖形繪制技巧總結(jié)》、《JavaScript切換特效與技巧總結(jié)》、《JavaScript錯誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》及《JavaScript數(shù)學運算用法總結(jié)》
希望本文所述對大家JavaScript程序設(shè)計有所幫助。
相關(guān)文章
客戶端的js驗證想必大家早已熟悉，今天本文帶著大家再回憶一下，主要是在提交表單之前執(zhí)行func方法，感興趣的你可以參考下哈，希望可以幫助到你2013-03-03
區(qū)分中英文字符的兩種方法(正則和charCodeAt())
最近在為項目寫登錄注冊系列頁面, 表單驗證無疑是不可缺少的部分, 在這個jQ插件滿天飛的web年代, 表單驗證倒也不是難事. 但再好的插件, 也并不能做到十全十美2010-11-11
這篇文章主要介紹了何時使用Map來代替普通的JS對象，對Map感興趣的同學，可以參考下2021-04-04
這篇文章主要介紹了微信小程序 行的刪除和增加操作實現(xiàn)詳解,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2019-09-09
這篇文章主要介紹了JavaScript焦點事件、鼠標事件和滾輪事件使用詳解,通過示例給大家講解的非常細致，有需要的小伙伴可以參考下。2016-01-01
這篇文章主要介紹了js function定義函數(shù)的幾種方法,需要的朋友可以參考下2014-02-02
FireFox下XML對象轉(zhuǎn)化成字符串的解決方法
近，在客戶端解吸xml時候，需要將XML轉(zhuǎn)化成字符串，看了很多文章，介紹的最多的是將XML字符串轉(zhuǎn)化成對象2011-12-12
這篇文章主要介紹了微信小程序?qū)崿F(xiàn)搜索框功能及踩過的坑,本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-06-06
下面小編就為大家?guī)硪黄鷍s封裝運動框架的示例講解。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-10-10
這篇文章主要為大家介紹了詳解如何替換項目中的if-else和switch，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-11-11