我正在嘗試創建一個開關/按鈕/鏈接,它直接更改網站上的顏色主題/顏色/調色板。創建一個開關,更改網站的調色板
例如,假設在夜晚時您希望有深色背景,或者在白天時您更喜歡明亮的背景。它有點像大多數iPhone應用程序中的黑暗主題和白色主題。在大多數色情網站上也有這種「切換東西」,所以人們在他們的電腦屏幕上不會看到他們的反映。
我在這裏找到了解決方案,但在CSS中已經設置了背景顏色時它們不起作用。我已經嘗試了一切。
下面是我使用的代碼,但它不工作:
HTML
<body>
<a id="btn1">black</a><br/>
<a id="btn2">white</a><br/>
<a id="btn3">grey</a>
</body>
CSS
<style>
/*SWITCH*/
body.black {
background: #000000;
}
body.white {
background: #ffffff;
}
body.gray {
background: #C0C0C0;
}
</style>
的JavaScript
<script>
$("#btn1").click(function() {
$('body').removeClass();
$('body').addClass('black');
});
$("#btn2").click(function() {
$('body').removeClass();
$('body').addClass('white');
});
$("#btn3").click(function() {
$('body').removeClass();
$('body').addClass('gray');
});
</script>
我是JavaScript和jQuery的新手,所以請解釋一下自己。
謝謝你的時間!
這裏發生的事情以獲得更多幫助的截圖:http://i.imgur.com/Dj1as35.png
編輯:我找到了解決辦法。爲了工作,我只好加載了jQuery 1.7.2頭標記,像這樣:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
安置自己的代碼,以便我們可以看到。爲什麼你不使用你在jsFiddle-link中提供的代碼? – simeg
我爲我演奏小提琴。此外,'.class3'背景圖片網址已損壞。 – DontVoteMeDown
耶的jsfiddle代碼似乎爲我工作得很好。 – DasBeasto