草履虫的BLOG-div背景随机改变(blueidea)

div背景随机改变(blueidea)

发现自己的blog写的越来越多是javascript的内容了,确实是一门令人着迷的语言.
老久没有发文了,贴些自己在blueidea的回帖,一是做记录,二权当充数了.
功能:让自己设定的div每次载入时背景随机
核心代码:

//代码请以运行框内为主,这里可能显示有错
var chang_img = {
	get_node: function(id){
		return document.getElementById(id);
	},
	prepare_img: function(){
		return ["http://bbs.blueidea.com/images/blue/logo.gif","http://mail.google.com/mail/help/images/logo.gif","http://www.baidu.com/img/logo-yy.gif","http://www.google.cn/intl/zh-CN/images/logo_cn.gif"];
	},
	bg: function(id){
		var img_num = this.prepare_img().length;
		var i = Math.floor(img_num * Math.random(1));
		this.get_node(id).style.backgroundImage = 'url(' + this.prepare_img()[i] +')';
	},
}

具体应用使用:(估计没啥用,权当解闷了)

window.onload = function(){
	chang_img.bg("test");
}

运行:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>草履虫 载入设置区域块随机背景</title>
    <style type="text/css">
      .test{width:400px;height:200px;float:left;margin:10px;border:1px solid #aaa;}
    </style>
    <script type="text/javascript">
      var chang_img = {
        get_node: function(id){
          return document.getElementById(id);
        },
        prepare_img: function(){
          return ["http://bbs.blueidea.com/images/blue/logo.gif","http://mail.google.com/mail/help/images/logo.gif","http://www.baidu.com/img/logo-yy.gif","http://www.google.cn/intl/zh-CN/images/logo_cn.gif"];
        },
        bg: function(id){
          var img_num = this.prepare_img().length;
          var i = Math.floor(img_num * Math.random(1));
          this.get_node(id).style.backgroundImage = 'url(' + this.prepare_img()[i] +')';
        },
        s:function(){
          alert(this.prepare_img[1]);
        }
      }
      window.onload = function(){
        chang_img.bg("test");
      }
    </script>
  </head>
  <body>
    <div class="test" id="test">我背景会随机变</div>
    <div class="test">我不变色</div>
  </body>
</html>

提示：您可以先修改部分代码再运行