在状态栏中实现活动文字效果

时间： 2021-07-31 作者：daque

　　在大师欣赏网站的功夫，震动状况栏的笔墨一个接一个从左向右冒出，是否让你的眼睛目不暇接呢，你是否也想使本人的网页有着同样的功效呢，此刻咱们经过javascript步调的运用来实行这个功效，底下咱们就来提防领会一下这种动静功效是如何爆发的吧。

　　到达这种功效的思绪是：先把要表露的笔墨赋给一个变量，树立一个因变量，每隔一段功夫就在状况栏上打出笔墨，笔墨递加展示，当笔墨的长度即是整句话的长度的功夫，使其为0，从新打出笔墨，不停轮回就不妨获得这种功效。

底下，咱们来看一看源步调吧。<script language="javascript"> var msg = "欢送莅临5d多媒介！！ " ; // msg变量即是设定状况栏要展示的笔墨（一句话）var interval = 120 //设定间隙几何毫秒笔墨长度减少一个，此处是120毫秒var seq=0; //代办动静的笔墨长度function scroll() { len = msg.length; window.status = msg.substring(0, seq+1);//笔墨的字符加一 seq++; //动静笔墨的长度加一if ( seq >= len ) { seq = 0; window.status = ''; window.settimeout("scroll();", interval ); } //即使动静笔墨长度和整句话沟通，则动静笔墨的长度设为0，从新来过else window.settimeout("scroll();", interval ); } scroll(); </script>

在状态栏中实现活动文字效果图1

把上述源代码拷入html文献的<body></body>标签中不妨犹如下的功效：

在状态栏中实现活动文字效果

相关推荐

推荐下载

热门阅览

最新排行