2010-01-18 213 views
3

任何人都可以提供sugessions或想法如何編寫腳本在實時頁面中選擇顏色,以便選擇的顏色應該適用於整個page.thanks提前。使用javascript動態改變顏色

+0

歡迎StackOverflow上,帕特爾! – Sampson 2010-01-18 06:29:23

+0

謝謝你jonathan sampson ...這個新的jQuery ..請幫助我,如果我有任何懷疑... ...感謝在adavnce – Patel 2010-01-18 06:38:09

回答

1

基本上,darren說你應該改變你的body顏色與jQuery選擇器。一個簡單的用戶界面可以在這裏找到,例如jQuery ColorPicker

0

一個常見的方法是使用像jquery這樣的JavaScript支持框架。使用jQuery,您可以選擇HTML中的元素並更改其屬性。例如,如果您想爲您的所有div元素的背景顏色,你會怎麼做:

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

這裏$功能可讓您選擇DOM元素(HTML元素是你的加載頁面的一部分),和CSS函數將一些CSS規則應用於它們。

0

在線演示: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>