请选择 进入手机版 | 继续访问电脑版
贠老师培训群:150322713    贠老师QQ:767708506

贠老师office培训-excel学习网

 找回密码
 立即注册
点击咨询贠老师
查看: 472|回复: 12

[js] 网页实用技巧:js随机显示不同页面背景

[复制链接]

607

主题

604

帖子

1909

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
1909
发表于 2016-2-16 23:20:42 | 显示全部楼层 |阅读模式
运行时,按F5便可看效果!

<script>
s=new Array(3)
s[0]=Math.floor(Math.random()*256)+""
s[1]=Math.floor(Math.random()*256)+""
s[2]=Math.floor(Math.random()*256)+""
a=s[0]+s[1]+s[2]
document.write("<body bgcolor="+a+">")
document.write("</body>")
</script>

<script>
s="icon/icon"+Math.floor(Math.random()*18)+".gif"
document.write("<body background="+s+">")
document.write("</body>")
</script>

红绿蓝三种颜色:

<script>
s=new Array(3)
s[0]="ff0000"
s[1]="00ff00"
s[2]="0000ff"
i=Math.floor(Math.random()*3)
document.write("<body bgcolor="+s+">")
document.write("</body>")
</script>

按钮上:

<script>
s=new Array(3)
s[0]="ff0000"
s[1]="00ff00"
s[2]="0000ff"
i=Math.floor(Math.random()*3)
document.write("<input type='button' value='按钮' style=background-color:"+s+">")
</script>

随机显示图片:
将以下代码加在<head>与</head>之间。

<script LANGUAGE="JavaScript">
bg = new Array(3); //设定图片数量2
bg[1] = 'icon/1.gif' //显示的图片路径
bg[2] = 'icon/2.gif'
bg[3] = 'icon/3.gif'
index = Math.floor(Math.random()*bg.length);
document.write("<BODY BACKGROUND="+bg[index]+">");
</script>


想要了解更多更全面的web前段知识,css样式,html教程,数据库教程,word教程,excel教程等等,就到excel学习网www.excelxue.com


回复

使用道具 举报

1

主题

345

帖子

364

积分

中级会员

Rank: 3Rank: 3

积分
364
QQ
发表于 2016-3-21 21:55:09 | 显示全部楼层
先收藏再学习,谢谢啦!
回复 支持 反对

使用道具 举报

2

主题

945

帖子

83

积分

注册会员

Rank: 2

积分
83
发表于 2016-3-24 19:44:03 | 显示全部楼层
赞一个
回复 支持 反对

使用道具 举报

0

主题

629

帖子

102

积分

注册会员

Rank: 2

积分
102
发表于 2016-3-26 10:25:20 | 显示全部楼层
顶你一下,好贴要顶!
回复 支持 反对

使用道具 举报

0

主题

942

帖子

50

积分

注册会员

Rank: 2

积分
50
发表于 2016-4-9 11:57:01 | 显示全部楼层
这个资料非常不错,好东东!
回复 支持 反对

使用道具 举报

1

主题

1041

帖子

76

积分

注册会员

Rank: 2

积分
76
发表于 2016-4-10 11:39:04 | 显示全部楼层
顶楼主,帮你顶个贴,我挣个积分
回复 支持 反对

使用道具 举报

1

主题

886

帖子

5

积分

注册会员

Rank: 2

积分
5
发表于 2016-6-15 18:07:46 | 显示全部楼层
还有许多问题不明白,有点恼火啊!
回复 支持 反对

使用道具 举报

0

主题

3

帖子

22

积分

新手上路

Rank: 1

积分
22
发表于 2016-6-27 12:27:41 | 显示全部楼层
谢谢楼主哦
回复 支持 反对

使用道具 举报

2

主题

939

帖子

108

积分

注册会员

Rank: 2

积分
108
发表于 2017-10-30 18:21:41 | 显示全部楼层
赞一个
回复 支持 反对

使用道具 举报

0

主题

854

帖子

6

积分

注册会员

Rank: 2

积分
6
发表于 2017-11-25 15:23:40 | 显示全部楼层
好东西一定要看看!
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则



陕ICP备15003731号  

贠老师培训 GMT+8, 2018-11-18 17:59 , Processed in 0.234231 second(s), 31 queries .

快速回复 返回顶部 返回列表