Question

任何人都可以提供有关如何编写用于在实际页面中选择颜色的脚本的建议或想法，以便所选颜色应该适用于整页。谢谢提前。

Answer 1

基本上，darren说你应该用jQuery选择器改变你的body颜色。可以在此处找到简单的用户界面，例如jQuery ColorPicker。

Answer 2

执行此操作的常用方法是使用jquery等Javascript支持框架。使用jQuery，您可以在html中选择元素并更改其属性。例如，如果要为所有div元素设置背景颜色，则可以执行以下操作：

$("div").css("background-color", "blue");

这里$ function允许你选择DOM元素（作为加载页面一部分的html元素），而css函数会对它们应用一些css规则。

Answer 3

在线演示：http://jsbin.com/ezeze

document.getElementById("colors").onchange = function(){ 
  document.getElementById("container").style.color = this.value; 
}

-

<select name='colors' id='colors'> 
  <option>red</option> 
  <option>green</option> 
  <option>blue</option> 
</select> 
<div id="container"> 
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> 
  <p>Curabitur dolor metus, aliquam in convallis ut, pharetra ac enim.</p> 
  <p>Ut lobortis justo in dolor rutrum vulputate.</p> 
</div>

使用javascript动态颜色更改

3 个答案: