webstorm中怎么在网页中随用户设置网页的背景颜色？
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了webstorm中怎么在网页中随用户设置网页的背景颜色？相关的知识，希望对你有一定的参考价值。
javascript，注意是在代码输出的网页上，来个颜色选择器，随用户自己选择喜欢颜色
自己优化，实现方式就是这样的，如果觉得rgb不好，那你也可以写一个调色板<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>用户选择背景颜色主题</title>
<style type="text/css">
*
padding:0;
margin:0;
html,body
width:100%;
height:100%;
.box
width:100%;
height:100%;
color:#fff;
text-align: center;
</style>
</head>
<body id="color">
<div class="box">
<div style="background:#ccc;">
<form name="frm">
<br>
R: 0 <input type="range" min="0" max="255" step="1" value="0" id="txtRangeRed" onchange="color_change()"> 255
G: 0 <input type="range" min="0" max="255" step="1" value="0" id="txtRangeGreen" onchange="color_change()"> 255
B: 0 <input type="range" min="0" max="255" step="1" value="0" id="txtRangeBlue" onchange="color_change()"> 255
</form>
</div>
</div>
<script>
function $(id)
return document.getElementById(id);
function color_change()
var r=$("txtRangeRed").value;
var g=$("txtRangeGreen").value;
var b=$("txtRangeBlue").value;
var color="rgb("+r+","+g+","+b+")";
$("color").style.backgroundColor=color;
</script>
</body>
</html> 参考技术A 这不简单吗？？在代码中添加个下拉，直接预定义一些方案，选择哪项，直接用代码控制背景颜色变化。追问
就是想问具体怎么设置呀
追答那你得会写代码啊，看你样子不会写啊。
参考技术B 可以紧急设置背景，就可以改变你的背景颜色啦，或者去百度在整个网页中随您移动的一段 HTML？
【中文标题】在整个网页中随您移动的一段 HTML？【英文标题】：A piece of HTML that moves with you throughout your whole webpage? 【发布时间】：2013-11-20 01:35:22 【问题描述】：嗨，我正在为我在学校做的一个网站项目编写 html 和 css，我已经制作了一个菜单栏，我希望这个菜单栏即使在我向下滚动时也能随着我移动。我该怎么做。 我的代码如下：
<table>
<tr>
<td>Breaking News</td>
<td>Rumors</td>
<td>Popular Applications</td>
<td>About</td>
</tr>
</table>
我希望此菜单栏在整个页面的其余部分中随我移动。
【问题讨论】：
保留你的菜单栏position:fixed 或者你也可以检查this article (JavaScript/jQuery)，另一个想法。
【参考方案1】：
嗯，也许你想要position:fixed CSS 属性引起的行为。 （您可以将此应用于您希望“固定”到浏览器视口中特定位置的元素。）
这里有一个JSFiddle，这样您就可以在向下滚动一长页内容时看到“固定”版本的表格的外观。
我希望这就是您想要的。如果没有，请告诉我，我很乐意为您提供进一步的帮助。祝你的项目好运！
【讨论】：
以上是关于webstorm中怎么在网页中随用户设置网页的背景颜色？的主要内容，如果未能解决你的问题，请参考以下文章