扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
//使用toggleClass()吧
创新互联是一家专注于网站设计制作、成都网站设计与策划设计,谷城网站建设哪家好?创新互联做网站,专注于网站建设十多年,网设计领域的专业建站公司;建站业务涵盖:谷城等地区。谷城做网站价格咨询:028-86922220
div class="bg"/div //类名bg为初始化背景css使用的；
$(XX).toggleClass("tglBg");//如果存在（不存在）就删除（添加）一个类。
// css
.bg {background:url(/*初始化的背景*/)}
.tglBg {background:url(/*想要切换的背景*/)}
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');
}
}
实现的方法和操作步骤如下：
1、首先，打开html编辑器，创建一个新的html文件，例如index.html，然后引入jquery，如下图所示。
2、其次，完成上述步骤后，在index.html的script标记中，输入下图红框中的jquery代码，如下图所示。
3、接着，完成上述步骤后，浏览器运行index.html页面，显示出了其中1张背景图片，如下图所示。
4、最后，完成上述步骤后，再次单击“点击更换”按钮，这时背景图像被更改为另一幅，如下图所示。这样，问题就解决了。
.day .night
定义两个类，分别代表 白天和黑夜 。
在点击切换的时候，删除当前这个，然后赋给新的一个，这样背景样式就能套上了。
或者只定义一个晚上，当点击，就加上这个类，再点击就删掉。
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
微信二维码
移动版官网