点击按钮随机更换页面背景颜色

点击按钮随机

更换页面背景颜色

先准备一个按钮就像如图所示的那样

然后获取到刚刚的按钮并为按钮绑定点击事件。

并且弹出警告框来证明获取并绑定成功按钮。

效果展示:

点击按钮即可弹出警告框。

在点击事件里面声明三个变量去接收0-255的随机数

解释：因为RGB的颜色是0-255中的任意整数。

而Math.random()这个方法是0-1之间的随机数，包括小数

所以还要加上一个取整的方法。

Math.round()这个方法表示的是四舍五入取整。

鼠标点击时把随机数打印在控制台

效果展示:

然后获取body并为body设置随机背景颜色

效果展示:

鼠标点击时随机生成一个背景颜色

以上就是点击按钮随机更换页面背景颜色的代码了

点击按钮随机更换页面背景颜色相关推荐

【微信小程序教程】点击按钮修改view标签背景颜色
1.效果展示 2.操作步骤: 数据绑定view样式背景属性值通过逻辑文件设置该背景属性初始值通过点击按钮修改背景属性值 3.关键代码 4.源代码获取方式百度云链接:http://pan.baid ...
java button随机颜色_Javascript点击按钮随机改变数字与其颜色
先来看看效果图实例代码 #box { margin: 100px auto; width: 200px; height: 150px; line-height: 150px; letter-spac ...
html背景自动换,html页面换皮肤颜色、背景图片（更换页面背景，常驻缓存）刷新保存...
利用样式文件,使网页能够更换不同的主题风格,这个只是简单的小列子,更换了背景图,和字体颜色,更换主题的基本原理是这样的.通过更改,link标签里的href属性,加载不同的样式文件.这里还用到了一款JQ ...
html 弹窗之后页面变灰色,html点击按钮弹出窗口背景灰掉,点击背景变白退出点击退出也可以...
html点击按钮弹出窗口背景灰掉,点击背景变白退出点击退出也可以 2011-06-10 18:22阅读: 孑孓努力搬砖,养老婆孩子. 关注 function showid(idname){ var ...
win7 html做背景,Win7系统修改IE浏览器页面背景颜色的技巧
Win7系统打开IE浏览器网页的背景颜色都是默认的,长时间预览网页后,会觉得眼睛干涩,非常不舒服.出现这样情况很有可能是网页背景颜色不适应导致的,只要更换舒适缓和的背景颜色就可以解决问题了,如何设置修 ...
JS页面四个颜色不同的div,鼠标进入哪个div,页面背景颜色变成该div的颜色。
1.JS页面四个颜色不同的div,鼠标进入哪个div,页面背景颜色变成该div的颜色. <style>.colorChange {width: 100px;height: 100px;di ...
怎么更换证件照背景颜色？
常用的证件照背景颜色有红蓝白三种颜色,各种场合需要的证件照的背景颜色不尽相同,例如四六级考试要求蓝色底的证件照,于是跑去照相馆拍了张蓝底的证件照,明天公司的入职档案又要求白底的证件照,那要怎么办呢,难 ...
点击按钮打开新页面（携带参数）
点击按钮打开新页面(携带参数) <el-button size="small" class="button-right" @click="cre ...
python label控件背景色_python之pyqt5通过按钮改变Label的背景颜色方法
python之pyqt5通过按钮改变Label的背景颜色方法使用setStyleSheet方法修改得到自己想要的字体,大小,颜色 self.lab = QLabel("标签字体大小颜色&q ...

点击按钮随机更换页面背景颜色

点击按钮随机更换页面背景颜色相关推荐

最新文章

热门文章