js逐字飞出效果.docx

1、js逐字飞出效果1 显示箭头效果状态栏特效篇-显示箭头效果状态栏特效篇-显示箭头效果var message=状态栏特效篇-显示箭头效果var themessage= var started=falsevar step=0var index=1function showstatusmessage(txt) themessage = txt; setTimeout(ArrowMessage(),3000) index+function ArrowMessage() index- if (index=0) if (started=false) started = true; window.statu

2、s = message; setTimeout(ArrowAnimation(),1); themessage = message; function ArrowAnimation() step+ if (step=7) step=1 if (step=1) window.status=+themessage+=+themessage+=+themessage+=+themessage+=+themessage+=+themessage+= setTimeout(ArrowAnimation(),200); 2 显示时间状态栏特效篇-显示时间状态栏特效篇-显示时间var timerRunnin

3、g = false;function StatuClockStart () StatuClockStop(); StatuClockShow();function StatuClockStop () if(timerRunning) clearTimeout(); timerRunning = false;function StatuClockShow () var today = new Date(); var hours = today.getHours(); var minutes = today.getMinutes(); var seconds = today.getSeconds(

4、) var timeValue = + (hours 12) ? hours -12 :hours) timeValue += (minutes 10) ? :0 : :) + minutes timeValue += (seconds = 12) ? pm : am window.status = timeValue; setTimeout(StatuClockShow(),1000); timerRunning = true;3 飘动的状态栏状态栏特效篇-飘动的状态栏状态栏特效篇-飘动的状态栏var ResourceMsg=abcdefghigklmn;var speed=100;var

5、index=1;function statusIn(text) if (index) index = 0; PasswordChange(text, 2, speed, 0, 2);function statusOut() self.status=; index=1;function PasswordChange(text, runsleft, speed, charvar, max) if (!index) runsleft = runsleft - 1; var status = text.substring(0,charvar); for(var currentchar = charva

6、r; currentchar 0) setTimeout(rerun, speed); else if (charvar text.length) setTimeout(nextchar, Math.round(speed*(charvar+3)/(charvar+1); else index = 1; 飘动的状态栏4 跑马灯状态栏特效篇-跑马灯状态栏特效篇-跑马灯var ShowString = 状态栏特效篇-跑马灯！ + 状态栏特效篇-跑马灯！var ShowHead=0var ShowTail=100function StatuMsgMarquee() var DisplayString

7、 if (ShowHead ShowTail) DisplayString = ShowString.substring(ShowHead, ShowTail) else DisplayString = ShowString.substring(ShowHead, ShowString.length) + ShowString.substring(0, ShowTail) ShowHead = (ShowHead + 2 ) % ShowString.length ShowTail = (ShowTail + 2 ) % ShowString.length window.status = Di

8、splayString setTimeout(StatuMsgMarquee(), 200) 5 逐字飞出效果状态栏特效篇-逐字飞出效果状态栏特效篇-逐字飞出效果var message = 状态栏特效篇-逐字飞出效果 var index = var msg = var leftmsg = function FlyingMessage() if (msg = ) index = msg = message leftmsg = if (index.length = 1) while (msg.substring(0, 1) = ) leftmsg = leftmsg + index index =

9、 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 (var ii = 0; ii 120; ii+) index = + index else index = index.substring(10, index.length) window.status = leftmsg + index window.setTimeout(FlyingMess

10、age(),100)6 输入并删除效果状态栏特效篇-输入并删除效果状态栏特效篇-输入并删除效果var StatuMessage=状态栏特效篇-输入并删除效果InputDeleteback=0InputDeleteto=0function InputDeleteMsg() 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); else window.setTimeout(InputDeleteMsg(),50); InputDeleteMsg()