2014-03-28 48 views
1

我的网站有问题。我想用一个按钮(从白色到黑色,从黑色到白色)循环使用两种不同的背景颜色。我想要的另一件事是用相同的按钮更改字体颜色(从黑色到白色,从白色到黑色。我想这样做的原因是我想用按钮点击我的网站的负面版本。有人可以发布脚本和按钮html标签吗?使用javascript在一个按钮之间切换两个背景色

背景颜色和字体颜色是用这些标签定义的在CSS:

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

因此脚本应该改变这种价值观,我的事情

感谢您的帮助。

回答

2

您可以创建CSS类:

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

fiddle

+1

或用普通的JavaScript:

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

上点击然后执行此'document.body.classList.toggle(“负“);'http://jsfiddle.net/NicoO/pQ8bR/1/ –

+1

@NicoO很好的说明,但不幸的是浏览器支持很弱,但该方法:http://caniuse.com/classlist – karaxuna

+0

好猫ch @karaxuna我不知道这是IE10 +。 –

相关问题