使用javascript在一个按钮之间切换两种背景颜色

时间:2014-03-28 19:08:52

标签: javascript html css colors background

我的网站有问题。我想用一个按钮(从白色到黑色,从黑色到白色)循环两种不同的背景颜色。我想要的另一件事是用相同的按钮(从黑色到白色,从白色到黑色)改变字体颜色。我想要这个的原因是我想通过点击按钮来制作我的网站的负面版本。有人可以发给我脚本和按钮html标签吗?

使用CSS中的这些标记定义背景颜色和字体颜色:

body {color:$(body.text.color);背景:$(body.background);}

所以脚本应该改变这个值,我的事。

感谢您的帮助。

1 个答案:

答案 0 :(得分:2)

您可以创建css类:

#target {
    color: white;
    background-color: black;
}

.negative {
    color: black;
    background-color: white;
}

然后点击执行此操作:

$('#target').click(function(){
    $(this).toggleClass('negative');
});

fiddle