当前位置:首页 > 网页特效 > 颜色背景 >

JavaScript让网页出现渐隐渐显的背景颜色

时间:2014-06-03 08:54 来源:互联网 作者:源码搜藏 收藏 推荐

运行代码 保存代码 复制代码 提示:您可以先修改部分代码再运行,保存代码功能在Firefox下无效。
  • JS让网页出现渐隐渐显的背景颜色,网页打开后即可看到网页的背景颜色在不停的渐变变化,颜色值在JavaScript的数组里修改,速度快慢也是可调的,在setTimeout那里,本代码简单,可把这段JS放在你的JS公共函数库中,引入页面就可使用了。
  • <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    <title>渐隐渐显的背景颜色</title>
    <style fprolloverstyle>A:hover {color: #00FFFF}
    </style>
    </head>
    <body onLoad="fadeIn(15)">
    <script language="JavaScript">
    var Color= new Array("ff","ee","dd","cc","bb","aa","99","88","77","66","55","44","33","22","11","00");
    function fadeIn(n) {
    if (n >= 1) {
    document.bgColor="#" +"00"+ Color[n] +"00";   
    n -= 1;
    setTimeout("fadeIn("+n+")", 100);
    }
    else{setTimeout('fadeOut(1)', 100);}
    }
    function fadeOut(n) {
    if (n <=(Color.length-1)) {
    document.bgColor="#" +"00"+ Color[n] +"00";
    n += 1;
    setTimeout("fadeOut("+n+")", 100)
    }
    else{setTimeout("fadeIn("+(Color.length-1)+")", 100);}
    }
    </script>
    </body>
    </html>
由源码搜藏网整理,转载请注明出处https://www.codesocang.com/tx-yanse/8143.html

颜色背景下载排行

最新文章