динамическое изменение цвета с помощью javascript

Question

может ли кто-либо предлагать sugessions или идеи о том, как писать сценарий для выбора цвета на живой странице, чтобы выбранный цвет был применим ко всей странице.

Answer 1

В основном, поскольку Даррен говорит, что вы должны изменить свой цвет body с помощью селектора jQuery. Здесь можно найти простой пользовательский интерфейс, например jQuery ColorPicker.

Answer 2

Обычный способ сделать это с помощью фреймворка поддержки Javascript, такого как jquery. Используя jQuery, вы можете выбрать элементы в своем html и изменить их атрибуты. Например, если вы хотите, чтобы установить цвет фона для всех Div элементов, вы могли бы сделать:

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

Здесь $ функция позволяет выбрать элементы 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>