随机产生div背景颜色变化

使一个DIV在每次刷新后变化背景颜色,很容易想到JS的random()函数;通过每次刷新页面产生使背景rgb随机产生

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="copyright">
<title>随机变化背景色</title>
<style>
#div1 { width:200px; height:200px; background:rgb(255, 0, 0); }
</style>
<script>
//这个随机函数公式要记住
function rnd(m,n){
    return parseInt(Math.random()*(n-m)+m);
};
window.onload=function()
{
    var oDiv=document.getElementById(‘div1‘);
    oDiv.style.background=‘rgb(‘+rnd(0,256)+‘, ‘+rnd(0,256)+‘, ‘+rnd(0,256)+‘)‘;
};
</script>
</head>

<body>
    <div id="div1"></div>
</body>
</html>
时间: 2024-08-29 10:53:15

随机产生div背景颜色变化的相关文章

鼠标经过时背景颜色变化

<style type="text/css">#coolmenu{border: 1px solid black;border-bottom-width: 0;width: 170px;background-color: #E6E6E6;}* html #coolmenu{width: 164px;}#coolmenu a{font: bold 13px Verdana;padding: 2px;padding-left: 4px;display: block;width:

OC简单小功能的实现-利用三个代表三原色的滑块控制背景颜色变化

@interface MainViewController () @property(nonatomic,retain)UISlider *redSlider; @property(nonatomic,retain)UISlider *blueSlider; @property(nonatomic,retain)UISlider *greenSlider; @property(nonatomic,retain)UISlider *alphaSlider; @end @implementation

div 背景色设置_DIV背景颜色设置

DIV 背景色设置篇-div背景颜色设置篇 一.div标签内直接设置背景颜色   -   TOP <div style="background:#000; color:#FFF">背景为黑色</div> DIV标签内设置背景色为黑色,字体颜色为白色 div标签内设置背景色截图 通过div标签内设置style设置背景色等CSS样式. 二.外部css设置div背景色   -   TOP 这里为一个对象CSS命名为".divcss5",通过建立外部

边框与背景颜色

此次随笔记录,讲述在同时有边框.背景颜色,且颜色都带透明度时相互的影响. 问题的思考源于想要用圆角边框和背景,制作图片轮播的圆形按钮. 由于按钮需要在图片上方显示,所以为了减轻对图片的遮挡,改善视觉效果,需要给边框和背景加上透明度,于是我是这么写的 1 li{ 2 width: 18px; 3 height: 18px; 4 margin-left: 10px; 5 display: inline-block; 6 border-radius: 50%; 7 border:2px solid;

input标签设置背景颜色

给input的button按钮的点击事件添加背景颜色变化 1. $("#aa").style.backgroundColor = 'red'这种写法报错 2. $("#aa").css("background-color","gray");这种写法可以实现背景色的改变 原文地址:https://www.cnblogs.com/bulata/p/8176807.html

div css鼠标悬停锚文本超链接文字背景颜色或图片变化

div css鼠标悬停锚文本超链接文字背景颜色或图片变化(体感音乐) css鼠标悬停超链接文字上时背景改变,鼠标经过文字链接时(悬停),文字的背景图片发生改变(出现背景图片或背景颜色). 鼠标经过悬停在超链接文字上时背景颜色或背景图片出现或改变教程篇.(体感音乐) 此DIV CSS布局技巧其实是对a标签做鼠标经过CSS样式.利用以下代码: a{...} 原始超链接默认样式设置a:hover{...}鼠标悬停经过时超链接锚文本CSS样式(扩展阅读:ie6 hover)一.链接文字无背景鼠标经过悬停

swift 随机生成背景颜色

swift是一门新语言,相关的文档资料现在基本上还不是很完整.在尝试开发过程中,走了不少弯路.在这里记录一下自己的”路“,希望以后能少走弯路. 生成随机背景颜色使用的语法和C#或者JAVA基本一致. UIView.backgroundColor = UIColor 其中UIView是在设备上显示出来的从UIView继承到的对象,都会有这个属性. 其属性值是UIColor对象,而UIColor对象的构造函数有: init(white: CGFloat, alpha: CGFloat) init(h

小技巧----随机背景颜色

#define COLOR_VALUE arc4random() % 256 /255.0//宏定义 @interface FirstViewController (){    NSTimer *_timer;}//定义一个事件的属性 [self createBackCorlor];//方法的调用 #pragma mark - 定时器方法- (void)createBackCorlor{    _timer = [NSTimer scheduledTimerWithTimeInterval:0.

iOS-点击视图,视图背景颜色随机更改

一.效果图 二.代码 - (void)viewDidLoad { [super viewDidLoad]; // Do any additional setup after loading the view, typically from a nib. self.title = @"背景颜色的随机显示"; } //点击视图,视图颜色随机更改 - (void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(UIEvent