JavaScript状态栏显示滚动文字

<html>

 <head>

<script language="JavaScript">

<!--

hide var scrtxt = "状态栏文字滚动特效." +"这是由JS脚本生成的特效." +"用到了字符串处理和延时函数."; // 定义要滚动的字符串.

var length = scrtxt.length; // 获取滚动显示的字符串的长度.

 var width = 100; // 定义状态栏中用于显示字符串的空间的宽度.

var pos = -(width + 2);// 定义起始置为-102.

//以下定义的函数用于在状态栏中设置滚动文字.

function scroll()

{

pos++; var scroller = ""; //某个瞬间要显示的部分.

if (pos == length)

 {

//如果位置参数已经等于字符串长度则回到初始位置.

pos = -(width + 2);

 }

 if (pos < 0)

 {

//如果字符串还没有显示完整.

 for (var i = 1; i <= Math.abs(pos); i++)

{

 scroller = scroller + " ";

}

//则用一个循环在显示的部分字符前加若干空格.

 scroller = scroller + scrtxt.substring(0, width - i + 1);

 }

 else

{

scroller = scroller + scrtxt.substring(pos, width + pos);

 }

window.status = scroller; //将当前要显示的部分字符发送到状态栏.

setTimeout("scroll()", 100); //十分之一秒后又执行一次,以使显示出来的字符串内容得到更新并向左移动.

 }

// -->

</script>

</head>

<body onLoad="scroll()">

 走马灯的效果!

</body>

</html>

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值