JS實(shí)現(xiàn)自定義狀態(tài)欄動畫文字效果示例
本文實(shí)例講述了JS實(shí)現(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>
運(yùn)行效果:
更多關(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ù)學(xué)運(yùn)算用法總結(jié)》
希望本文所述對大家JavaScript程序設(shè)計有所幫助。
相關(guān)文章
提交表單時執(zhí)行func方法實(shí)現(xiàn)代碼
客戶端的js驗(yàn)證想必大家早已熟悉,今天本文帶著大家再回憶一下,主要是在提交表單之前執(zhí)行func方法,感興趣的你可以參考下哈,希望可以幫助到你2013-03-03區(qū)分中英文字符的兩種方法(正則和charCodeAt())
最近在為項(xiàng)目寫登錄注冊系列頁面, 表單驗(yàn)證無疑是不可缺少的部分, 在這個jQ插件滿天飛的web年代, 表單驗(yàn)證倒也不是難事. 但再好的插件, 也并不能做到十全十美2010-11-11微信小程序 行的刪除和增加操作實(shí)現(xiàn)詳解
這篇文章主要介紹了微信小程序 行的刪除和增加操作實(shí)現(xiàn)詳解,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2019-09-09JavaScript焦點(diǎn)事件、鼠標(biāo)事件和滾輪事件使用詳解
這篇文章主要介紹了JavaScript焦點(diǎn)事件、鼠標(biāo)事件和滾輪事件使用詳解,通過示例給大家講解的非常細(xì)致,有需要的小伙伴可以參考下。2016-01-01FireFox下XML對象轉(zhuǎn)化成字符串的解決方法
近,在客戶端解吸xml時候,需要將XML轉(zhuǎn)化成字符串,看了很多文章,介紹的最多的是將XML字符串轉(zhuǎn)化成對象2011-12-12詳解如何替換項(xiàng)目中的if-else和switch
這篇文章主要為大家介紹了詳解如何替換項(xiàng)目中的if-else和switch,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-11-11