div背景随机改变(blueidea), 翻译兼职, 找翻译,文件翻译,陪同翻译,展会翻译

Article Information

From: 草履虫的BLOG
Source

Readers: 115 | Updated: 01-24

div背景随机改变(blueidea)

Translate Into:

发现自己的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>

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

From The Blogs

Internet Observation 2007	用CSS制作自适应的背景图我非常注重版面问题。我经常思考能不能有一种方法，可以根据文本大小来调整图像，这样看起来页面会更相称。因为找不到这方面的资料，所以只能自己想办法喽！如果你有耐心的话，可以看看下面的例子。我不想去调整图像... 查看全文 0Comments Digg (0)
2007	Css实现DIV绝对定位最近在做一个项目的时候，由于设计的东西很精致，属于比较花俏的东西，所以也就不能像网易搜狐那些大站那样，行行列列很工整的排列布局，其实我是很喜欢网易那样的布局，每块东西都是可以上下左右对换着放，一点不... 查看全文 Digg (0)
2007	Table designs based on CSS and DIV elements Introduction to CSS "tables"While working on the content of our site , my partner Sue came up with an idea for the suggested rendering of our main index page.It was to be a two column table-like desig... 查看全文 Digg (0)
☜☞含幽谷♪๑۩۞۩๑♪ 2007	给文件夹添加背景音乐打开一个文件夹后不但能看到自己喜欢的图片，而且还能听到自己喜欢的歌曲操作依次为，在文件夹空白处单击鼠标右键──自定义文件夹──选择‘创建或编辑HTML文档’，单击下一步，系统会自动弹出用记事本打开的... 查看全文 Digg (0)
o ｡ ΩBabyT's 灬 LuckyStar ☼ .｡ ●•* 2007	Custom List: ╬∮背景♪ ╬ .Jolin.,...,...,...,...,,,,,... 查看全文 Digg (0)
绿岛 2007	Music List: 我的背景音乐 Gianna Nannini: AmandotiJohn Lennon: Beautiful BoyKids: Forever Young: Good ByeSad Movie Ostvienna t... 查看全文 Digg (0)
abnormal 2007	Photo Album: PL的背景素材~~ PL20054301904720898200543019203575182200543019432286332005430195454836562005430201254961642005430201... 查看全文 Digg (0)
种一棵树，在距离春天一百米的地方…… 2007	背景音乐还是坚持要用FlyingTeapot 昨天下很大的雨虽然大家努力说笑着但是真的是很失落的一个夜晚呀工作以来第一次觉得有些难过呢从过去到现在一直都表现得置身事外的样子被表扬也罢被批评也罢笑笑就成了过眼烟云可是毕竟有些伤感了前面刚说要勇敢面对... 查看全文 Digg (0)
http://lihongyu094.spaces.live.com/feed.rss 2007	用表格为单个日志添加整体背景图片在“用表格为单个日志添加整体背景”的教程里，很多朋友问是否可以用图片做背景。其实道理都是一样，通过使表格充斥整个日志的方法实现的。我就简单介绍一下。代码： <table height=&q... 查看全文 Digg (0)
http://lihongyu094.spaces.live.com/feed.rss 2007	背景的几种效果＜转自✿◕‿◕✿~★Crystalの水月湖底✿◕‿-｡✿＞背景音乐： <P><IMG height=0 loop=infinite dynsrc=音频文件链接地址 width=... 查看全文 Digg (0)

草履虫的BLOG 's Hot Articles

Elanso is a professional online platform which provides translation service for corporate or individule clients, opportunities for translation practice and translation jobs, and translation tool/software-download. Our online translators provide about 186 languages' translation service, including Japanese,Korean, French, German, Spanish, etc, among which, 20,000 are English translators. And some big translation service companies in Shanghai, Beijing, Nanjing also registered here.

Elanso

Article Information