A5下载 - 努力做内容最丰富最安全的下载站!

A5站长下载站

当前位置:A5下载 > 编程开发 > 网站开发 > javascript实现状态栏中文字动态显示的方法

javascript实现状态栏中文字动态显示的方法

时间:2015-10-22 16:12作者:yezheng人气:70

本文实例讲述了javascript实现状态栏中文字动态显示的方法。分享给大家供大家参考,具体如下:

<script>

var child = window.open("information.html","_blank","width=200,height=200,toolbar=no");

function closeChild(){

if(!child.closed){

child.close();

}

}

//设置间隔1秒钟,调用一次scroll()

setInterval("scroll()",100)

var space_num = 0;

var dir = 1; //文本开始从左向右移动

function scroll(){

var str_space = "";

space_num = space_num + 1*dir;

//如果空格数大于40 或者 小于0时

if(space_num > 40 || space_num <= 0){

dir = dir * (-1);

}

//空格数自增

for(var i=0; i<space_num; i++){

str_space += " ";

}

//在文字前空格数变换

window.status = str_space + "welcome to study";

}

</script>

<body onunload="closeChild()">

</body>

希望本文所述对大家JavaScript程序设计有所帮助。

标签javascript,实现,状态,栏中,文字,动态,显示,方

相关下载

查看所有评论+

网友评论

网友
您的评论需要经过审核才能显示

公众号