将Onclick背景值更改为CSS中的HTML标记

我按顺序对页面进行了设置和导航。我也有我的背景图像正确显示。现在我的目标是让背景图像变化点击。将Onclick背景值更改为CSS中的HTML标记

我的背景是在一个“general.css”样式表

html { 
    background: url(../images/bg1.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
}

我的导航有自己的“nav.css”和“nav.js”和当前的点击功能实现是

$('#action1').click(
    function(){ 
     if ($('#inner1').height() == 0) 
     $('#inner1').animate({height:'250'},800); 
     else if ($('#inner1').height() == 250) 
     $('#inner1').animate({height:'0'},800); 
    } 
);

当我点击action1，action2或action3时，它会将html样式下图像的url更改为UNIQUE背景。每个onclick都会有3个不同的背景。（如下）

background: url(../images/bg1.jpg) no-repeat center center fixed;

如果任何人都可以给我一些关于如何更改URL值onclick的提示，将不胜感激。我需要背景网址来更改，但不是其他样式。下面的例子。

html { 
    background: url( CHANGE THIS VALUE ONCLICK ) no-repeat center center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
}

来源

2013-04-07 OFJavascript

您是否尝试过使用jQuery的CSS function？

所以添加一行像这样的点击监听器可以工作：

$('html').css("background-image", "url(../images/bg1.jpg)");

来源

2013-04-07 20:27:41 tpbowden

不，我没有，我会尝试，让你知道的感谢！ – OFJavascript 2013-04-07 22:29:51

没问题，让我知道它是怎么回事。 – tpbowden 2013-04-07 23:50:49

将Onclick背景值更改为CSS中的HTML标记

回答

相关问题