JS實(shí)現(xiàn)自定義狀態(tài)欄動(dòng)畫文字效果示例
本文實(shí)例講述了JS實(shí)現(xiàn)自定義狀態(tài)欄動(dòng)畫文字效果。分享給大家供大家參考,具體如下:
在IE瀏覽器中打開,顯示動(dòng)態(tài)文字的效果,主要瀏覽器左下角的文字。
<body onload="stack();"> <script type="text/javascript"> var statusText="自定義動(dòng)畫狀態(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動(dòng)畫特效與技巧匯總》、《JavaScript圖形繪制技巧總結(jié)》、《JavaScript切換特效與技巧總結(jié)》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
- 基于JavaScript實(shí)現(xiàn)彈幕特效
- 簡單實(shí)現(xiàn)JavaScript彈幕效果
- JavaScript直播評(píng)論發(fā)彈幕切圖功能點(diǎn)集合效果代碼
- 利用JS實(shí)現(xiàn)文字的聚合動(dòng)畫效果
- js+css實(shí)現(xiàn)文字散開重組動(dòng)畫特效代碼分享
- js實(shí)現(xiàn)動(dòng)畫特效的文字鏈接鼠標(biāo)懸停提示的方法
- js實(shí)現(xiàn)文字閃爍特效的方法
- JS溶解形式的文字切換特效
- JS旋轉(zhuǎn)的彩色文字輪轉(zhuǎn)特效
- JS實(shí)現(xiàn)的視頻彈幕效果示例
相關(guān)文章
提交表單時(shí)執(zhí)行func方法實(shí)現(xiàn)代碼
客戶端的js驗(yàn)證想必大家早已熟悉,今天本文帶著大家再回憶一下,主要是在提交表單之前執(zhí)行func方法,感興趣的你可以參考下哈,希望可以幫助到你2013-03-03區(qū)分中英文字符的兩種方法(正則和charCodeAt())
最近在為項(xiàng)目寫登錄注冊(cè)系列頁面, 表單驗(yàn)證無疑是不可缺少的部分, 在這個(gè)jQ插件滿天飛的web年代, 表單驗(yàn)證倒也不是難事. 但再好的插件, 也并不能做到十全十美2010-11-11微信小程序 行的刪除和增加操作實(shí)現(xiàn)詳解
這篇文章主要介紹了微信小程序 行的刪除和增加操作實(shí)現(xiàn)詳解,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-09-09JavaScript焦點(diǎn)事件、鼠標(biāo)事件和滾輪事件使用詳解
這篇文章主要介紹了JavaScript焦點(diǎn)事件、鼠標(biāo)事件和滾輪事件使用詳解,通過示例給大家講解的非常細(xì)致,有需要的小伙伴可以參考下。2016-01-01js function定義函數(shù)的幾種不錯(cuò)方法
這篇文章主要介紹了js function定義函數(shù)的幾種方法,需要的朋友可以參考下2014-02-02FireFox下XML對(duì)象轉(zhuǎn)化成字符串的解決方法
近,在客戶端解吸xml時(shí)候,需要將XML轉(zhuǎn)化成字符串,看了很多文章,介紹的最多的是將XML字符串轉(zhuǎn)化成對(duì)象2011-12-12詳解如何替換項(xiàng)目中的if-else和switch
這篇文章主要為大家介紹了詳解如何替換項(xiàng)目中的if-else和switch,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2022-11-11