任何人都可以提供sugessions或想法如何編寫腳本在實時頁面中選擇顏色,以便選擇的顏色應該適用於整個page.thanks提前。使用javascript動態改變顏色
3
A
回答
1
基本上,darren說你應該改變你的body
顏色與jQuery選擇器。一個簡單的用戶界面可以在這裏找到,例如jQuery ColorPicker。
0
一個常見的方法是使用像jquery這樣的JavaScript支持框架。使用jQuery,您可以選擇HTML中的元素並更改其屬性。例如,如果您想爲您的所有div元素的背景顏色,你會怎麼做:
$("div").css("background-color", "blue");
這裏$功能可讓您選擇DOM元素(HTML元素是你的加載頁面的一部分),和CSS函數將一些CSS規則應用於它們。
0
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>
相關問題
- 1. 動態改變Div的顏色 - Javascript
- 2. Javascript:動態改變郵件的顏色
- 3. iPhone - 動態改變顏色
- 4. 改變顏色動態
- 5. 使用Javascript動態改變顏色或文本的價值
- 6. 用JavaScript動態更改背景顏色
- 7. 用javascript改變顏色
- 8. 只改變表顏色使用javascript
- 9. Javascript使用textarea改變字體顏色
- 10. 使用DOM和改變顏色的JavaScript
- 11. 幫我改變TextView的顏色動態?
- 12. 如何動態改變筆畫顏色?
- 13. 如何動態改變形狀顏色?
- 14. 在Ionic 2中動態改變顏色
- 15. 動態改變按鈕的顏色
- 16. jQuery maphilight動態地改變顏色
- 17. GLKit GLKVertexAttribColor:動態改變顏色
- 18. 改變透明圖像顏色動態
- 19. 如何改變顏色的動態
- 20. Javascript改變背景顏色
- 21. 改變顏色的javascript
- 22. 使用css改變滾動條顏色
- 23. 使用jQuery改變顏色
- 24. 當背景變化時動態更改文本顏色(javascript)
- 25. 使用javascript的div動態顏色更改
- 26. 如何使用Extjs動態地改變列圖的顏色?
- 27. 使用openGL動態改變Android上的顏色?
- 28. 動態改變文本使用指令顏色角JS
- 29. 用jQuery滾動動態顏色變化
- 30. 用javascript改變顏色內聯
歡迎StackOverflow上,帕特爾! – Sampson 2010-01-18 06:29:23
謝謝你jonathan sampson ...這個新的jQuery ..請幫助我,如果我有任何懷疑... ...感謝在adavnce – Patel 2010-01-18 06:38:09