使用javascript通过一个按钮在两种背景色之间切换
我的网站有问题。我想用一个按钮循环两种不同的背景颜色(从白色到黑色和从黑色到白色)。另一件事,我想用相同的按钮改变字体颜色(从黑到白,从白到黑。我想这样做的原因是我想通过点击按钮来制作网站的负面版本。有人能给我发脚本和按钮html标签吗 背景色和字体颜色由CSS中的这些标记定义: 正文{color:$(body.text.color);背景:$(body.background);} 所以脚本应该改变这个值,我想使用javascript通过一个按钮在两种背景色之间切换,javascript,html,css,colors,background,Javascript,Html,Css,Colors,Background,我的网站有问题。我想用一个按钮循环两种不同的背景颜色(从白色到黑色和从黑色到白色)。另一件事,我想用相同的按钮改变字体颜色(从黑到白,从白到黑。我想这样做的原因是我想通过点击按钮来制作网站的负面版本。有人能给我发脚本和按钮html标签吗 背景色和字体颜色由CSS中的这些标记定义: 正文{color:$(body.text.color);背景:$(body.background);} 所以脚本应该改变这个值,我想 谢谢您的帮助。您可以创建css类: #target { color: whi
谢谢您的帮助。您可以创建css类:
#target {
color: white;
background-color: black;
}
.negative {
color: black;
background-color: white;
}
然后单击执行此操作:
$('#target').click(function(){
$(this).toggleClass('negative');
});
或使用普通javascript:
document.body.classList.toggle(“负数”)
@NicoO很好的注释,但不幸的是,浏览器对该方法的支持还很弱:Good catch@karaxuna我不知道它是IE10+。非常感谢,但我看不到按钮定义或类似的东西。我的意思是有脚本,但在哪里定义了单击执行它,按钮在哪里?你知道吗?尽管非常感谢ch.@user3473897在fiddle示例中单击事件绑定到body
标记。修改此代码以满足您的需要没有问题