2011-03-27 50 views
0

我有一个HTML页面,jquery加载。目前没有css。使用的onclickjquery从图像到颜色的背景再回来

<body background="image1.gif"> 

我试图改变这一种颜色(黑说的),然后再返回到图像:

它有一个背景图片设置为。

我设法设置了divs,一切正常。为了改变颜色,颜色我用:

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

另一个页面上,而是因为我想去从图像的颜色,然后再返回并不在这里工作。

那么,我怎样才能将背景图像更改为一个平坦的颜色,并返回与jQuery的?

回答

3

使用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'); 
+0

一旦我点击了两次,这个工程很好,我怎么做才能在页面加载时显示图像?基本上,用什么来替换 ? – David19801 2011-03-27 18:20:05

+0

看看我对答案的更新。如果有帮助,请将其标记为答案ty :-) – Guidhouse 2011-03-28 09:06:33

+0

完美!保持好状况 :) – David19801 2011-03-28 11:13:05