Question

我有一个html页面，加载了jquery。目前它没有css。

它的背景图像设置为：

<body background="image1.gif">

我尝试将其更改为一种颜色（比如黑色），然后使用onclick再次返回到图像。

我设法设置了div，一切都好。为了改变我使用的颜色：

jQuery('body').css('background-color','black');

在另一个页面上，但这不起作用，因为我想从图像变为彩色并再次返回。

那么，如何将背景图像更改为平面颜色并使用jquery再次返回？

Answer 1

使用css代替改变类：

HTML：

<body class="image">

CSS：

body.image{
  background-image: url('image.gif');
}
body.colour{
  background-color: black;
}

脚本编写：

$('body').addClass('colour').removeClass('image');

又回来了：

$('body').addClass('image').removeClass('colour');