jquery背景切换,jquery背景切换为什么会白屏

jquery 点击按钮切换原来的背景，再点此按钮又切换回来原来的背景

//使用toggleClass()吧

div class="bg"/div //类名bg为初始化背景css使用的；

$(XX).toggleClass("tglBg");//如果存在（不存在）就删除（添加）一个类。

// css 

.bg {background:url(/*初始化的背景*/)}

.tglBg {background:url(/*想要切换的背景*/)}

相关问答

Q1: jquery点击来回切换背景图片的background-position

span class="w-open" onclick="switch_pic(this);"/span

你应该还有一个class="w-close"吧？表示上门取车的背景图样式。

function switch_pic(this){

    if($(this).attr('class') == 'w-open'){

        $(this).attr('class', 'w-close');

    }else{

        $(this).attr('class', 'w-open');

    }

}

Q2: jquery怎么实现点击一个元素更换背景图片，连续点击永远在2张图片之间更换

实现的方法和操作步骤如下：

1、首先，打开html编辑器，创建一个新的html文件，例如index.html，然后引入jquery，如下图所示。

2、其次，完成上述步骤后，在index.html的script标记中，输入下图红框中的jquery代码，如下图所示。

3、接着，完成上述步骤后，浏览器运行index.html页面，显示出了其中1张背景图片，如下图所示。

4、最后，完成上述步骤后，再次单击“点击更换”按钮，这时背景图像被更改为另一幅，如下图所示。这样，问题就解决了。

Q3: 怎么用jquery实现阅读器中夜间和白天的面板中“背景”切换的交互开发呢？

.day .night

定义两个类，分别代表 白天和黑夜 。

在点击切换的时候，删除当前这个，然后赋给新的一个，这样背景样式就能套上了。

或者只定义一个晚上，当点击，就加上这个类，再点击就删掉。