网创优客建站品牌官网
为成都网站建设公司企业提供高品质网站建设
热线:028-86922220
成都专业网站建设公司

定制建站费用3500元

符合中小企业对网站设计、功能常规化式的企业展示型网站建设

成都品牌网站建设

品牌网站建设费用6000元

本套餐主要针对企业品牌型网站、中高端设计、前端互动体验...

成都商城网站建设

商城网站建设费用8000元

商城网站建设因基本功能的需求不同费用上面也有很大的差别...

成都微信网站建设

手机微信网站建站3000元

手机微信网站开发、微信官网、微信商城网站...

建站知识

当前位置:首页 > 建站知识

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

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

//使用toggleClass()吧

创新互联是一家专注于网站设计制作、成都网站设计与策划设计,谷城网站建设哪家好?创新互联做网站,专注于网站建设十多年,网设计领域的专业建站公司;建站业务涵盖:谷城等地区。谷城做网站价格咨询:028-86922220

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

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

// css 

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

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

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');

}

}

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

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

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

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

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

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

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

.day .night

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

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

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


网页题目:jquery背景切换,jquery背景切换为什么会白屏
当前地址:http://bjjierui.cn/article/phhpoc.html

其他资讯