[代码收集]JS控制网页随机不停的变换背景颜色(炫目多彩) - 笑忘书网页代码收藏馆

首页-代码 2014-01-30 03:28:20 -0500

★JS控制网页随机不停的变换背景颜色(炫目多彩)★

请勿抄袭本页面

代码说明

JavaScript控制网页背景随机不停的变换颜色，颜色是由您自己设定的，存放在JS的数组里，因此你喜欢哪几种颜色，你的网页背景就会按照你的设置不停的变换。转自网页代码站

使用方法及注意事项使用前请先阅读本内容

其他网站的请用第一个代码，我的磨的用第二个。建议不要在文本阅读页面添加，以免影响浏览效果

html代码(body位置)

<body 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] = "white";
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.body.style.backgroundColor = col[pos];
  setTimeout("chgCol()",1000);
 }

代码演示

查看演示.html (1.39 KiB) | Meta

html代码(我的磨专用版)

function chgCol() {
  pos++;
  if (pos<0||pos>9) {
    pos = 0;
    }
  document.getElementById('whole_body').style.backgroundColor = col[pos];
  setTimeout("chgCol()",2000);
 }

代码演示

请看本页面，背景色逐渐变换

[代码仅供参考，转载请注明出处]

----Comments(4)----
浮云 (@sd) | @ at 2014-12-10 04:22:
谢谢，使用了

csngmap (@csngmap) | @ at 2014-02-16 03:24:
谢谢分享，转了！

笑忘书 (@35230) | @ at 2014-02-16 02:49:
可以

唯爱 (@vanity) | @ at 2014-02-16 02:40:
中间的颜色单词是否可以改？

Subscribe | Register | Login | N