刷新時更改顏色方案

我想完成的是能夠在刷新時更改多個元素的CSS背景顏色/顏色。我也希望他們出現在一個分組中。因此，不是隨機的顏色 - 全部指定並在「設置」中。如果可能，我想做三種顏色（例如藍色背景，深灰色文字，白色鏈接）。刷新時更改顏色方案

例如：
顏色方案1 - 藍色背景，暗灰色文本，白色鏈接
顏色方案2 - 暗紫色背景，白色鏈接，粉紅色的鏈接
顏色方案3 - 白色背景，黑色文字，綠色鏈接

不幸的是，我可以在網上找到的唯一代碼是隨機的顏色。

我很感激所有我能得到的幫助。

編輯：繼Paulie_D和Matus的評論，我試圖寫出更多的研究和多次嘗試和錯誤我自己的代碼。最後我想出了this。

HTML：

<link id="colorscheme" rel="stylesheet" type="text/css" href="">

的JavaScript：

var stylesheets = ["schemeone.css", "schemetwo.css"]; 
var rand = Math.floor(Math.random() * stylesheets.length); 

$(document).ready(function(){ 
document.getElementById("colorscheme").setAttribute("href", stylesheets[rand]); 
});

然而，奧利弗的代碼編譯的配色方案在一個CSS文件，所以非常感謝你的替代和大家誰給了我建議和指導。

來源

2016-11-24 Lexa R

歡迎來到Stack Overflow！預計你至少試圖爲自己編碼。堆棧溢出不是代碼寫入服務。我建議你做一些[**額外的研究**]（http://meta.stackoverflow.com/questions/261592/how-much-research-effort-is-expected-of-stack-overflow-users），無論是通過谷歌或通過搜索，嘗試和。如果您仍然遇到麻煩，請返回**您的代碼**並解釋您所嘗試的內容。 –

謝謝，我明白了。我試過這個鏈接https://codepen.io/eksch/pen/wagdyZ，但是正如我所說的，它只是隨機分配顏色，而不是我想要的方式。我仍然是一個新手編碼器，我嘗試了谷歌搜索，但沒有出現。 –

嗨，嘗試創建一個不同的css類（或可能不同的css文件）爲您的每個配色方案。如果您想要在計劃之間輪換，以便您可以使用Cookie或本地存儲來跟蹤上次使用的配色方案。 – Matus

我注意到你標記了Jquery。這裏是JavaScript：

$(document).ready(function() { 
    var listOfClasses = ["color-scheme-1","color-scheme-2","color-scheme-3"]; 
    var randomNum = Math.floor(Math.random() * listOfClasses.length); 
    $("html").addClass(listOfClasses[randomNum]); 
});

然後在CSS中，你將有

html.color-scheme-1 { 
    background-color: #000000; 
    color: #000000; 
} 

html.color-scheme-1 a { 
    color: #000000; 
} 

html.color-scheme-2 { 
    background-color: #000000; 
    color: #000000; 
} 

html.color-scheme-2 a { 
    color: #000000; 
} 

html.color-scheme-3 { 
    background-color: #000000; 
    color: #000000; 
} 

html.color-scheme-3 a { 
    color: #000000; 
}

與顏色所需的十六進制代碼只需更換。 Codepen

來源

2016-11-24 17:11:21

刷新時更改顏色方案

回答

相關問題