php切换背景颜色,点击切换背景颜色

摘要：

点击

var btn1=document.getElementById('btn1');

btn1.οnclick=function(){

document.body.style.background=bg1()

};

var btn2=document.getElementById('bnt2');

btn2.οnclick=function(){

document.body.style.background=bg2();

};

var btn3=document.getElementById('btn3');

btn3.οnclick=function(){

document.body.style.background=bg3();

};

function bg1(){

return '#'+Math.floor(Math.random()*256).toString(10);

}

function bg2(){

return '#'+Math.floor(Math.random()*0xffffff).toString(16);

}

function bg3(){

var r=Math.floor(Math.random()*256);

var g=Math.floor(Math.random()*256);

var b=Math.floor(Math.random()*256);

return "rgb("+r+','+g+','+b+")";//所有方法的拼接都可以用ES6新特性`其他字符串{$变量名}`替换

}

批改老师：天蓬老师批改时间：2019-04-10 10:23:57

老师总结：你的学生用户名, 怎么没有显示呢? 看一下你的用户设置, 设置一个名字

php切换背景颜色,点击切换背景颜色相关推荐

超好用的简单的jquery tab选项卡切换代码（点击切换和导航栏滑过）
实例1(点击切换): 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 ...
鼠标点击按钮图片切换+自动切换+左右按钮点击切换效果
今天来分享一下[鼠标点击按钮,图片进行切换+图片自动切换+点击左右按钮图片进行切换的三种效果的组合代码]. 最后的效果如下: Html代码部分: <!doctype html>&l ...
android切换字体颜色,Android开发实现按钮点击切换背景并修改文字颜色的方法
本文实例讲述了Android开发实现按钮点击切换背景并修改文字颜色的方法.分享给大家供大家参考,具体如下: 其实原理很简单,用到的是selector,用来设置android:background和an ...
js实现点击切换checkbox背景图片
转载自:http://www.bijishequ.com/detail/384166?p= 首页专题博客文章登录注册 www.bijishequ.com 搜索笔记社区共收录522,437篇 ...
html checkbox复选框更换背景,js实现点击切换checkbox背景图片的简单实例
在制作网页的过程中,经常需要实现点击切换背景图片的效果,本文关注的是表单中checkbox背景图片切换的实现.如图,在输入用户名和密码后,用户需要选择是否记住密码图片背景为白色表示未勾选状态 ,背景 ...
js 点击切换背景图片
您好,要使用JavaScript实现点击切换背景图片,可以按照以下步骤进行: 在HTML中,为需要切换背景图片的元素添加一个id属性,比如id="bg-img". 在JavaScr ...
背景色自动切换html,css3动画之背景颜色的自动切换
因为不同浏览器内核的不同所以会产生浏览器兼容性问题背景颜色的变换 div{ width: 200px; height: 200px; background: blue; animation:myfi ...
JS、CSS解决标签颜色在黑色和白色背景颜色重叠问题/标签栏随背景切换变化而变化
先上演示效果解: 如图,当标签在红框区域颜色可以正常显示,但到红框下面的一些区域则和白色背景颜色相重叠.则不显示. 我们可以改变标签栏的样式,让其在白色背景时变成黑色. 如图下所示点击右侧演 ...
swiper vue 切换到指定_vue+swiper实现背景跟随轮播图切换
一. 图片变量设置 1.Less: @imgurl: "../images/"; .container { width: 100%; height: 100%; backgroun ...

php切换背景颜色,点击切换背景颜色

php切换背景颜色,点击切换背景颜色相关推荐

最新文章

热门文章