js闪动的状态栏.docx

资源描述

js闪动的状态栏.docx

《js闪动的状态栏.docx》由会员分享，可在线阅读，更多相关《js闪动的状态栏.docx（10页珍藏版）》请在冰豆网上搜索。

js闪动的状态栏.docx

js闪动的状态栏

1闪动的状态栏

状态栏特效篇--闪动的状态栏

--案例代码开始-->

varindex=1;

functionStatuFlashMessage（）{

if（index==1）{

--[Step1]:

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

window.status="状态栏特效篇----闪动的状态栏";

index=0;}

else{

window.status="";

index=1;}

--[Step2]:

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

setTimeout（"StatuFlashMessage（）",500）;

}

--案例代码结束-->

2显示工作进度

状态栏特效篇--显示工作进度

--案例代码开始-->

varcurrentmessage=0

message=newinitArray

（2）

--[Step1]:

这里可以按序增加显示的状态栏信息-->

message[0]="工作进度1已经完成"

message[1]="现在是工作进度2"

functioninitArray（n）{

this.length=n;

for（vari=1;i<=n;i++）{this[i]=''}

}

functionStatuMessageRotator（）{

window.status=message[currentmessage]

if（currentmessage>message.length-1）{

currentmessage=0

--[Step2]:

在此能够设置显示的速度-->

setTimeout（"StatuMessageRotator（）",5000）}

else{

currentmessage=currentmessage+1

setTimeout（"StatuMessageRotator（）",2000）}

}

StatuMessageRotator（）;

--案例代码结束-->

3显示坐标

状态栏特效篇--显示坐标

--案例代码开始-->

varwhere="";

functioncheckwhere（e）{

if（document.layers）{

xCoord=e.x;

yCoord=e.y;}

elseif（document.all）{

xCoord=event.clientX;

yCoord=event.clientY;}

elseif（document.getElementById）{

xCoord=e.clientX;

yCoord=e.clientY;}

window.status="当前X坐标：

"+xCoord+"，Y坐标：

"+yCoord;

}

document.onmousemove=checkwhere;

if（document.captureEvents）{document.captureEvents（Event.MOUSEMOVE）;}

--案例代码结束-->

4显示滚动效果

状态栏特效篇--显示滑动效果

--案例代码开始-->

varskipRunning=false

varindex=0

--[Step1]:

这里可以更改状态栏中的滑动信息-->

message="状态栏特效篇----显示滑动效果"

varstate=""

clearState（）

functionstartskip（）{

stopskip（）

showskip（）

}

functionstopskip（）{

if（skipRunning）clearTimeout（）

skipRunning=false

}

functionclearState（）{

state=""

for（vari=0;i

}

functionshowskip（）{

if（getString（））{

index++

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

clearState（）

setTimeout（"showskip（）",1000）

skipRunning=true}

else{

varstr=""

for（varj=0;j

message.charAt（j）:

""}

window.status=str

--[Step2]:

在此能够设置滑动的速度-->

setTimeout（"showskip（）",150）

skipRunning=true}

}

functiongetString（）{

varfull=true

for（varj=0;j

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

if（full）returntrue

while

（1）{

varnum=Math.round（（message.length-1）*Math.random（））

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

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

returnfalse

}

--案例代码结束-->

5逐词打出效果

状态栏特效篇--逐词打出效果

--案例代码开始-->

varskipRunning=false

varcurrentMessage=0

varindex=0

--[Step1]:

在此能够更改状态栏显示的打字信息-->

message="状态栏特效篇----逐词打出效果"

functionstartskip（）{

stopskip（）

showskip（）

}

functionstopskip（）{

if（skipRunning）clearTimeout（）

skipRunning=false

}

functionshowskip（）{

vartext=message

if（index

if（text.charAt（index）==""）index++

varpartialMessage=text.substring（0,index+1）

window.status=partialMessage

index++

--[Step2]:

这里可以设置打字速度-->

setTimeout（"showskip（）",150）

skipRunning=true}

else{

index=0

currentMessage++

if（currentMessage==message.length）currentMessage=0

setTimeout（"showskip（）",1000）

skipRunning=true}

}

--案例代码结束-->

6来回滚动效果

状态栏特效篇--来回滚动效果

--案例代码开始-->

varindex=0

--[Step1]:

在此能够更改滚动的状态栏信息-->

varmessage="状态栏特效篇--来回滚动效果"

varsamemessage=message

functionStatuMessageGo（）{

window.status=samemessage.substring（0,samemessage.length）

if（100

--[Step2]:

这里可以设置滚动的速度-->

setTimeout（"StatuMessageBack（）",80）}

else{

samemessage=""+samemessage

setTimeout（"StatuMessageGo（）",80）;}

}

functionStatuMessageBack（）{

window.status=samemessage.substring（index,samemessage.length）

if（samemessage.length-index==message.length）{

samemessage=message

index=0

setTimeout（"StatuMessageGo（）",80）;}

else{

index++

setTimeout（"StatuMessageBack（）",80）;}

}

StatuMessageGo（）

--案例代码结束-->

展开阅读全文