跑马灯效果的JavaScript文档

•2010-06-25 19:08:56•建站知识

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>这是一个跑马灯效果的JavaScript文档</title>
<script language="javascript">
var msg="这是一个跑马灯效果的JavaScript文档";
var interval=100;
var spacelen=200;
var space10=" ";
var seq=0;
function Scroll() {
len=msg.length;
window.status=msg.substring(0,seq+1);
seq++;
if (seq>len) {
  seq=spacelen;
  window.setTimeout("Scroll2()",interval);
}
else {
  window.setTimeout("Scroll()",interval);
}
}
function Scrol2() {
var out=" ";
for (i=1,i<spacelen/space10.length; i++)
out += space10;
out =out+msg;
len=out.length;
window.status=out.substring(seq,len);
seq++;
if (seq>len) {
  seq=0;
}
window.setTimeout("Scroll2()",interval);
}
Scroll();

</script>
</head>

本文关键词: 跑马灯效果