JS控制网页随机不停的变换背景颜色(炫目多彩) - csngmap资源站－安卓资源大本营

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

2014-02-16 03:32:17 -0500

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

<style>
#whole_body{
transition:background-color 3s linear;-o-transition:background-color 3s linear;-webkit-transition:background-color 3s linear; -moz-transition:background-color 3s linear;
/*背景色改变所需时间*/
}
</style> 
<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.getElementById('whole_body').style.backgroundColor = col[pos];
  setTimeout("chgCol()",2000);
 }

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> 
<body onload="chgCol(); pingpong();">

«Newer Older»

Back to home 代码 /cat/111288