js文字不停闪烁.docx

资源描述

js文字不停闪烁.docx

《js文字不停闪烁.docx》由会员分享，可在线阅读，更多相关《js文字不停闪烁.docx（11页珍藏版）》请在冰豆网上搜索。

js文字不停闪烁.docx

js文字不停闪烁

1提示窗口

状态栏特效篇--提示窗口

--案例代码开始-->

--[Step1]:

这里可以设置提示窗口的信息-->

Ret=prompt（'请在此输入将在状态栏显示的信息：

',"状态栏信息"）

vartemp

varf=""

varf=f+（Ret）

functionscrollon（）{

temp=f.substring（0,1）;

f+=temp

f=f.substring（1,100）;

window.status=f.substring（0,100）;

setTimeout（"scrollon（）",100）;

}

--案例代码结束-->

2从左依次弹出

状态栏特效篇--从左依次弹出

--案例代码开始-->

--[Step1]:

这里可以更改状态栏显示的文本-->

varStatuMessage="状态栏特效篇----从左依次弹出";

varseq=0;

functionLeftScroll（）{

len=StatuMessage.length;

window.status=StatuMessage.substring（0,seq+1）;

seq++;

if（seq>=len）{

seq=0;

window.status='';

--[Step2]:

在此能够设置弹出文字的速度-->

window.setTimeout（"LeftScroll（）;",200）;}

elsewindow.setTimeout（"LeftScroll（）;",200）;

}

LeftScroll（）;

--案例代码结束-->

3从右到左移动

状态栏特效篇--从右到左移动

--案例代码开始-->

functionRightLeftScroll（seed）{

--[Step1]:

这里可以设置状态栏显示的文本信息-->

varStatuMessage="状态栏特效篇----从右到左移动";

varout="";

varc=1;

if（seed>100）{

seed-=2;

varcmd="RightLeftScroll（"+seed+"）";

--[Step2]:

在此能够更改移动的速度-->

window.setTimeout（cmd,150）;}

elseif（seed<=100&&seed>0）{

for（c=0;c

out+=StatuMessage;

seed-=2;

varcmd="RightLeftScroll（"+seed+"）";

window.status=out;

window.setTimeout（cmd,150）;}

elseif（seed<=0）{

if（-seed

out+=StatuMessage.substring（-seed,StatuMessage.length）;

seed-=2;

varcmd="RightLeftScroll（"+seed+"）";

window.status=out;

window.setTimeout（cmd,150）;}

else{window.status="";

window.setTimeout（"RightLeftScroll（100）",150）;}

}

RightLeftScroll（90）;

--案例代码结束-->

4依次快速弹出

状态栏特效篇--依次快速弹出

--案例代码开始-->

functionstatusMessageObject（p,d）{

--[Step1]:

这里可以更改状态栏显示的文本信息-->

this.msg="状态栏特效篇----依次快速弹出"

--[Step2]:

在此能够设置弹出的速度-->

this.delay=2

this.out=""

this.pos=150

this.i=0

this.reset=clearMessage

}

functionsnapIn（jumpSpaces,position）{

varmsg=scroll.msg

varout=""

for（vari=0;i

for（i=1;i

out+=msg.charAt（position）

window.status=out

if（jumpSpaces<=1）{position++

if（msg.charAt（position）==''）{position++}

jumpSpaces=100-position}

elseif（jumpSpaces>3）{jumpSpaces*=.76}

else{jumpSpaces--}

if（position!

=msg.length）{

varcmd="snapIn（"+jumpSpaces+","+position+"）";

scrollID=window.setTimeout（cmd,scroll.delay）;}

else{

window.status=""

jumpSpaces=0

position=0

cmd="snapIn（"+jumpSpaces+","+position+"）";

scrollID=window.setTimeout（cmd,scroll.delay）;

returnfalse}

returntrue

}

functionclearMessage（）{this.pos=POSITION}

varscroll=newstatusMessageObject（）

functionscroller（）{

for（scroll.i=0;scroll.i

if（scroll.pos>=0）scroll.out+=scroll.msg

elsescroll.out=scroll.msg.substring（-scroll.pos,scroll.msg.length）

window.status=scroll.out

scroll.out=""

scroll.pos--

if（scroll.pos<-（scroll.msg.length））{scroll.reset（）}

setTimeout（'scroller（）',scroll.delay）

}

snapIn（100,0）;

--案例代码结束-->

4文字组合弹出

状态栏特效篇--文字组合弹出

--案例代码开始-->

vartimerID=null

varbannerRunning=false

varmessage=0

varstate=""

varar=newArray（）

--[Step1]:

在此可以按序增加状态栏显示的文本组合-->

ar[0]="状态栏特效篇"

ar[1]="----"

ar[2]="文字组合弹出"

clearState（）

functionMultiStatuMessage（）{

stopBanner（）

showBanner（）

}

functionstopBanner（）{

if（bannerRunning）clearTimeout（timerID）

bannerRunning=false

}

functionshowBanner（）{

if（getString（））{

message++

if（ar.length<=message）message=0

clearState（）

--[Step2]:

这里能够设置不同文本之间间隔的时间-->

timerID=setTimeout（"showBanner（）",200）

bannerRunning=true}

else{

varstr=""

for（varj=0;j

ar[message].charAt（j）:

""}

window.status=str

timerID=setTimeout（"showBanner（）",6）

bannerRunning=true}

}

functiongetString（）{

varfull=true

for（varj=0;j

if（state.charAt（j）==0）full=false}

if（full）returntrue

while

（1）{

varnum=getRandom（ar[message].length）

if（state.charAt（num）=="0"）break}

state=state.substring（0,num）+"1"+state.substring（num+1,state.length）

returnfalse

}

functionclearState（）{

state=""

for（vari=0;i

}

functiongetRandom（max）{

returnMath.round（（max-1）*Math.random（））

}

--案例代码结束-->

5文字不停闪烁

状态栏特效篇--文字不停闪烁

--案例代码开始-->

varindex=1;

functionStatuMessageFlash（）{

if（index==1）{

--[Step1]:

在此能够更改闪烁的状态栏信息-->

window.status="状态栏特效篇--文字不停闪烁";

index=0;}

else{

window.status="";

index=1;}

--[Step2]:

这里可以设置闪烁的速度-->

setTimeout（"StatuMessageFlash（）",500）;

}

--案例代码结束-->

展开阅读全文