码迷,mamicode.com
首页 > Web开发 > 详细

JS定时自动切换网页背景色

时间:2015-04-07 19:07:28      阅读:202      评论:0      收藏:0      [点我收藏+]

标签:

<html>
    <head>
    <title>JS定时自动切换网页背景色丨梨花粉价格河北金梆子锅炉</title>
    </head>
    <body bgColor="#ffffff" onload="chgCol(); pingpong();">
    <script language="JavaScript">
    <!-- Hide from JavaScript-Impaired Browsers
    var pos = 10;
    function initArray() {
    this.length = initArray.arguments.length;
    for (var i = 0; i < this.length; i++) {
    this[i] = initArray.arguments[i];
    }
    }
    var col=new initArray("4b","5b","8b","8b");
    col[0] = "yellow";
    col[1] = "coral";
    col[2] = "orange";
    col[3] = "red";
    col[4] = "greenyellow";
    col[5] = "lime";
    col[6] = "turquoise";
    col[7] = "coral";
    col[8] = "blueviolet";
    col[9] = "violet";
    function chgCol() {
    pos++;
    if (pos<0||pos>9) {
    pos = 0;
    }
    document.bgColor = col[pos];
    setTimeout("chgCol()",5000);
    }
    var yourwords = "不斷變化背景色彩";var buffer1="           ";var buffer2="           ";var message1=buffer1+yourwords+buffer2;var dir = "left";var speed =150;function pingpong(){if (dir == "left")  {    message2=message1.substring(2,message1.length)+"  ";    window.status=message2;    setTimeout("pingpong();",speed);    message1=message2;    if (message1.substring(0,1) == "*") dir="right";  }else  {    message2="  "+message1.substring(0,message1.length-2);    window.status=message2;    setTimeout("pingpong();",speed);    message1=message2;    if (message1.substring(message1.length-1,message1.length) == "*") dir="left";  }}// --></script>
    <p align="center"> </p>
    <p align="center"><b>请等待几秒钟就可看到背景颜色的变化</b></p>
    </body>
    </html>
    <br><br><hr>

 

JS定时自动切换网页背景色

标签:

原文地址:http://www.cnblogs.com/youtianxia/p/4398940.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!