JavaScript--点击颜色，为主题更换背景颜色

鼠标点击颜色块，指定区域背景颜色更换

完整代码：

<!DOCTYPE html>
<html>
<head lang="en"><meta charset="UTF-8"><title></title><style type="text/css">div, ul {margin: 0;padding: 0;}.first {height: 50px;/*outline: 1px solid red;*/}.second {height: 400px;outline: 1px solid gray;}#change {height: 370px;}.first>div {float: right;width: 30px;height: 30px;/*outline: 1px solid red;*/margin: 5px;margin-top: 9px;}.first>div:nth-child(1) {background-color: pink;}.first>div:nth-child(2) {background-color: blue;}.first>div:nth-child(3) {background-color: orange;}.second>div:first-child {height: 40px;/*outline: 1px solid red;*/background-color: gray;}ul {list-style-type: none;}</style>
</head>
<body><div class="first"><div id="pink" οnclick="document.getElementById('change').style.backgroundColor='pink'"></div><div id="blue" οnclick="document.getElementById('change').style.backgroundColor='blue'"></div><div id="orange" οnclick="document.getElementById('change').style.backgroundColor='orange'"></div></div><div class="second"><div></div><div id="change"><ul><li>123</li><li>456</li><li>789</li><li>123</li></ul></div></div>
</body>
<script type="text/javascript"></script>
</html>

JavaScript--点击颜色，为主题更换背景颜色相关推荐

JavaScript点击事件换字体颜色
点击按钮可以换字体颜色可以自己看看 <div class="color"><button>red</button><button> ...
IDEA主题配置--- 炫酷的主题字体颜色设置（基于Intellij IDEA 2018）
Intellij IDEA 2018/2019 优化配置.使用技巧.参数设置.快捷键汇总帖 IDEA 炫酷的主题字体颜色设置(基于IDEA 2018) 前言: IDEA中主题可以更换,大家可以直接到 ...
IDEA优化配置（6）--- 炫酷的主题字体颜色设置（基于Intellij IDEA 2018）
Intellij IDEA 2018/2019 优化配置.使用技巧.参数设置.快捷键汇总帖 IDEA 炫酷的主题字体颜色设置(基于IDEA 2018) 前言: IDEA中主题可以更换,大家可以直接到 ...
在Google Chrome浏览器中改变点击过的超链接的颜色
在Google Chrome浏览器中改变点击过的超链接的颜色在浏览网页,尤其是论坛时,常常遇到这样的情况:在帖子列表页面有很多主题贴,每一个主题贴都是一个超链接.当点击任一链接阅读后,由于信息的相似 ...
VScode 主题字体颜色必备插件
主题字体颜色通过文件>首选项>设置 > 搜索workbench.settings.editor,选中json即可改成json设置 // settings.json (个人配置) { ...
vscode 主题的颜色定制
颜色定制 workbench.colorCustomizations setting.json {"workbench.colorCustomizations": {"a ...
R语言使用ggplot2包使用geom_dotplot函数绘制分组点图(自定义分组颜色、主题)实战（dot plot）
R语言使用ggplot2包使用geom_dotplot函数绘制分组点图(自定义分组颜色.主题)实战(dot plot) 目录 R语言使用ggplot2包使用geom_dotplot函数绘制分组点图(自 ...
改变jupyter notebook的主题背景颜色
改变jupyter notebook的主题背景颜色安装jupter notebook的自定义主题 cd jupyter.exe文件路径 pip install --upgrade jupyterth ...
Sencha Touch 2.3 自定义主题皮肤,颜色
写博客园越来越懒了,只写重点部分,不明白的可以Q我. 1.当你通过Cmd生成项目之后,App\resources\sass就是我们的样式源文件 2.想自定义自己的样式分为两种方式扩展:这个是基于st ...
android listview item点击时更改textview的颜色代码中实现
2019独角兽企业重金招聘Python工程师标准>>> listview点击时更改textview文字颜色很多网上的资料都已经介绍,本人也在实际中xml文件中已实现. 但是将xml文 ...

JavaScript--点击颜色，为主题更换背景颜色

JavaScript--点击颜色，为主题更换背景颜色相关推荐

最新文章

热门文章