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>

posted @ 2011-10-31 16:09  Seaurl  阅读(1040)  评论(0编辑  收藏  举报