js逐字飞出效果.docx

资源描述

js逐字飞出效果.docx

《js逐字飞出效果.docx》由会员分享，可在线阅读，更多相关《js逐字飞出效果.docx（10页珍藏版）》请在冰豆网上搜索。

js逐字飞出效果.docx

js逐字飞出效果

1显示箭头效果

状态栏特效篇--显示箭头效果

--案例代码开始-->

--[Step1]:

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

varmessage="状态栏特效篇----显示箭头效果"

varthemessage=""

varstarted=false

varstep=0

varindex=1

functionshowstatusmessage（txt）{

themessage=txt;

setTimeout（"ArrowMessage（）",3000）

index++

}

functionArrowMessage（）{

index--

if（index==0）{

if（started==false）{

started=true;

window.status=message;

setTimeout（"ArrowAnimation（）",1）;}

themessage=message;}

}

functionArrowAnimation（）{

step++

if（step==7）{step=1}

if（step==1）{window.status='>==='+themessage+'===<'}

if（step==2）{window.status='=>=='+themessage+'==<='}

if（step==3）{window.status='>=>='+themessage+'=<=<'}

if（step==4）{window.status='=>=>'+themessage+'<=<='}

if（step==5）{window.status='==>='+themessage+'=<=='}

if（step==6）{window.status='===>'+themessage+'<==='}

--[Step2]:

在此能够设置箭头运动的速度-->

setTimeout（"ArrowAnimation（）",200）;

}

--案例代码结束-->

2显示时间

状态栏特效篇--显示时间

--案例代码1开始-->

vartimerRunning=false;

functionStatuClockStart（）{

StatuClockStop（）;

StatuClockShow（）;

}

functionStatuClockStop（）{

if（timerRunning）clearTimeout（）;

timerRunning=false;

}

functionStatuClockShow（）{

vartoday=newDate（）;

varhours=today.getHours（）;

varminutes=today.getMinutes（）;

varseconds=today.getSeconds（）

vartimeValue=""+（（hours>12）?

hours-12:

hours）

timeValue+=（（minutes<10）?

0":

"）+minutes

timeValue+=（（seconds<10）?

0":

"）+seconds

timeValue+=（hours>=12）?

"pm":

"am"

window.status=timeValue;

setTimeout（"StatuClockShow（）",1000）;

timerRunning=true;

}

--案例代码1结束-->

--案例代码2开始-->

--案例代码2结束-->

3飘动的状态栏

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

--案例代码1开始-->

--[Step1]:

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

varResourceMsg="abcdefghigklmn";

--[Step2]:

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

varspeed=100;

varindex=1;

functionstatusIn（text）{

if（index）{

index=0;

PasswordChange（text,2,speed,0,2）;}

}

functionstatusOut（）{

self.status='';

index=1;

}

functionPasswordChange（text,runsleft,speed,charvar,max）{

if（!

index）{

runsleft=runsleft-1;

varstatus=text.substring（0,charvar）;

for（varcurrentchar=charvar;currentchar

window.status=status;

varrerun="PasswordChange（'"+text+"',"+runsleft+","+speed+","+charvar+","+max+"）;"

varnewchar=charvar+1;

varnextchar="PasswordChange（'"+text+"',"+max+","+speed+","+newchar+","+max+"）;"

if（runsleft>0）{setTimeout（rerun,speed）;}

else{

if（charvar

else{index=1;}}

}

--案例代码1结束-->

--案例代码2开始-->

--[Step3]:

在此能够修改状态栏显示的飘动后信息-->

--[Step4]:

这里可以更改页面显示的链接信息-->

飘动的状态栏

--案例代码2结束-->

4跑马灯

状态栏特效篇--跑马灯

--案例代码开始-->

--[Step1]:

这里可以更改跑马灯的信息-->

varShowString="状态栏特效篇----跑马灯！

"+"状态栏特效篇----跑马灯！

varShowHead=0

varShowTail=100

functionStatuMsgMarquee（）{

varDisplayString

if（ShowHead

elseDisplayString=ShowString.substring（ShowHead,ShowString.length）+ShowString.substring（0,ShowTail）

ShowHead=（ShowHead+2）%ShowString.length

ShowTail=（ShowTail+2）%ShowString.length

window.status=DisplayString

--[Step2]:

在此可以设置跑马灯的速度-->

setTimeout（"StatuMsgMarquee（）",200）

}

--案例代码结束-->

5逐字飞出效果

状态栏特效篇--逐字飞出效果

--案例代码开始-->

--[Step1]:

这里可以更改飞出的状态栏信息-->

varmessage="状态栏特效篇----逐字飞出效果"

varindex=""

varmsg=""

varleftmsg=""

functionFlyingMessage（）{

if（msg==""）{

index=""

msg=message

leftmsg=""}

if（index.length==1）{

while（msg.substring（0,1）==""）{

leftmsg=leftmsg+index

index=msg.subindexing（0,1）

msg=msg.substring（1,msg.length）}

leftmsg=leftmsg+index

index=msg.substring（0,1）

msg=msg.substring（1,msg.length）

for（varii=0;ii<120;ii++）{index=""+index}}

else{index=index.substring（10,index.length）}

window.status=leftmsg+index

--[Step2]:

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

window.setTimeout（'FlyingMessage（）',100）

}

--案例代码结束-->

6输入并删除效果

状态栏特效篇--输入并删除效果

--案例代码开始-->

--[Step1]:

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

varStatuMessage="状态栏特效篇----输入并删除效果"

InputDeleteback=0

InputDeleteto=0

functionInputDeleteMsg（）{

window.status=StatuMessage.substring（0,InputDeleteto）

if（InputDeleteback==1）{

InputDeleteto--;

if（InputDeleteto==0）{InputDeleteback=0}}

else{

InputDeleteto++;

if（InputDeleteto==StatuMessage.length）{InputDeleteback=1}}

window.status=StatuMessage.substring（0,InputDeleteto）+"|"

if（InputDeleteto==StatuMessage.length）{window.setTimeout（"InputDeleteMsg（）",600）;}

--[Step2]:

在此能够设置输入删除的速度-->

else{window.setTimeout（"InputDeleteMsg（）",50）;}

}

InputDeleteMsg（）

--案例代码结束-->

展开阅读全文