0
我想用這樣的代碼來改變我的網頁的背景顏色和文字顏色。 這對於更改標題bg顏色，顏色和菜單下拉背景顏色和顏色很有用。但不是菜單的顏色或菜單的頂部欄。只是影響下拉框，所以整潔的代碼。我需要cookies才能使其工作嗎？
但如果我要「記住」的選擇。我的整個網頁，就像有一個用戶可以選擇改變顏色cheme，但不改變樣式表，因爲我有不同的寬度和heigths等
樣式表我必須使用cookies來做我想要的嗎？
紫色的js
function greenColor(){ document.getElementById("content").style.backgroundColor = "purple";
document.getElementById("copyW").style.backgroundColor = "purple";
document.getElementById("text").style.backgroundColor = "white";
var parentElement = document.getElementById("text");
var lis = parentElement.getElementsByTagName("p");
for (var i = 0; i < lis.length; i++) {
lis[i].setAttribute("style","color: black");
}
var parentElement = document.getElementById("cssmenu");
var lis = parentElement.getElementsByTagName("ul");
for (var i = 0; i < lis.length; i++) {
lis[i].setAttribute("style","background-color: purple");
}
var parentElement =
document.getElementById("webpage");
var lis = parentElement.getElementsByTagName("a");
for (var i = 0; i < lis.length; i++) {
lis[i].setAttribute("style","color: black");
}
}
紅色的js
function redColor(){
document.getElementById("content").style.backgroundColor = "red";
document.getElementById("copyW").style.backgroundColor = "red";
document.getElementById("text").style.backgroundColor = "white";
var parentElement = document.getElementById("text");
var lis = parentElement.getElementsByTagName("p");
for (var i = 0; i < lis.length; i++) {
lis[i].setAttribute("style","color: black");
}
var parentElement = document.getElementById("cssmenu");
var lis = parentElement.getElementsByTagName("ul");
for (var i = 0; i < lis.length; i++) {
lis[i].setAttribute("style","background-color: red");
}
var parentElement = document.getElementById("webpage");
var lis = parentElement.getElementsByTagName("a");
for (var i = 0; i < lis.length; i++) {
lis[i].setAttribute("style","color: black");
}
}
高對比度的js
function contrastColor(){
document.getElementById("content").style.backgroundColor = "black";
document.getElementById("copyW").style.backgroundColor = "grey";
document.getElementById("text").style.backgroundColor = "black";
var parentElement = document.getElementById("text");
var lis = parentElement.getElementsByTagName("p");
for (var i = 0; i < lis.length; i++) {
lis[i].setAttribute("style","color: white");
}
var parentElement = document.getElementById("cssmenu");
var lis = parentElement.getElementsByTagName("ul");
for (var i = 0; i < lis.length; i++) {
lis[i].setAttribute("style","background-color: black");
}
var parentElement = document.getElementById("webpage");
var lis = parentElement.getElementsByTagName("a");
for (var i = 0; i < lis.length; i++) {
lis[i].setAttribute("style","color: white");
}
}
function normalColor(){
document.getElementById("content").style.backgroundColor = "green";
document.getElementById("copyW").style.backgroundColor = "green";
document.getElementById("text").style.backgroundColor = "white";
var parentElement = document.getElementById("text");
var lis = parentElement.getElementsByTagName("p");
for (var i = 0; i < lis.length; i++) {
lis[i].setAttribute("style","color: black");
}
var parentElement = document.getElementById("cssmenu");
var lis = parentElement.getElementsByTagName("ul");
for (var i = 0; i < lis.length; i++) {
lis[i].setAttribute("style","background-color: green");
}
var parentElement = document.getElementById("webpage");
var lis = parentElement.getElementsByTagName("a");
for (var i = 0; i < lis.length; i++) {
lis[i].setAttribute("style","color: black");
}
}
那麼這是CSS
#buttons{
z-index:1;
display:inline;
border: none;
height:1em;
top:7.5em;
position:absolute;
right:0em;
}
#normal {
background:#008000;
background-size:cover;
cursor:pointer;
}
#purple{
background:purple;
background-size:cover;
cursor:pointer;
}
#red {
background:#FF0000;
background-size:cover;
cursor:pointer;
}
#contrast{
background:black;
color:white;
cursor:pointer;
background-size:cover;
}
我的html只是一個標題，一個改變背景顏色的頁腳，然後是一個高對比度的版本，它也改變了文本顏色，因此我設置了「後備」，或者選擇將其更改爲黑色文本顏色。 JavaScript自然。
那麼，是否可以改變我的整個網頁，然後如果我必須使用cookie來做到這一點，我該如何設置cookiething有一個選擇保存色彩，或不用戶選擇顏色？
預先感謝您的任何幫助:) 是否有可能改變css3動畫樣式，在javascript中，就像我在做背景色一樣？
這是有用的，謝謝:) acreating我的網頁，我有startet思考，我有很多的html頁面。我被稱爲php，現在使用ajax來改變我的「文本div」，或我的網頁上的主要內容.. 這讓我有「只」9個HTML頁面，所有這些都在我的「mainmenu 「，並且每一個單獨的html頁面...... Php有人告訴我，很好地把它全部放到更少的頁面中，但是我會如何去實現這一目標？ – sunto 2015-01-21 13:58:30
我在想，如果我添加一個菜單項，我將不得不在每一個html頁面中改變這個。主菜單是一件好事，也用ajax加載？或者，如果Ajax失敗或者類似的東西，這會讓我的頁面變得如此糟糕嗎？ :) – sunto 2015-01-21 14:00:23