主题变换器 - 帮助

Question

我在页面上有按钮，当用户点击该按钮时，页面的颜色会发生变化。基本上我正在创造一个主题转换器。我的代码是这样的：

功能红色（） {     var Redbtn = document.getElementById（“btnRed”）;     Redbtn.bgColor =“＃F00”; } 功能蓝色（） { }

主题转换器

我have done upto the red button but the color of the page do not appears to be red.. please help where i遇到问题。

Answer 1

在你的HTML中，

<button class="button" id="redButton" /> Red </button>
<button class="button" id="blueButton" /> Blue </button>
<button class="button" id="greenButton" /> Green </button>

在你的js文件中，

（文档）$。就绪（函数（）{

$('#redButton').click(function() {
    $('body').css('background-color', '#FF0000');
});

$('#greenButton').click(function() {
    $('body').css('background-color', '#00FF00');
});

$('#blueButton').click(function() {
    $('body').css('background-color', '#0000FF');
}); 

}）;