jquery 點(diǎn)擊按鈕切換原來的背景，再點(diǎn)此按鈕又切換回來原來的背景

//使用toggleClass()吧

創(chuàng)新互聯(lián)是一家專注于網(wǎng)站設(shè)計(jì)制作、成都網(wǎng)站設(shè)計(jì)與策劃設(shè)計(jì),谷城網(wǎng)站建設(shè)哪家好?創(chuàng)新互聯(lián)做網(wǎng)站,專注于網(wǎng)站建設(shè)十多年,網(wǎng)設(shè)計(jì)領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:谷城等地區(qū)。谷城做網(wǎng)站價(jià)格咨詢:028-86922220

div?class="bg"/div?//類名bg為初始化背景css使用的；

$(XX).toggleClass("tglBg");//如果存在（不存在）就刪除（添加）一個(gè)類。

//?css?

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

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

jquery點(diǎn)擊來回切換背景圖片的background-position

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

你應(yīng)該還有一個(gè)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怎么實(shí)現(xiàn)點(diǎn)擊一個(gè)元素更換背景圖片，連續(xù)點(diǎn)擊永遠(yuǎn)在2張圖片之間更換

實(shí)現(xiàn)的方法和操作步驟如下：

1、首先，打開html編輯器，創(chuàng)建一個(gè)新的html文件，例如index.html，然后引入jquery，如下圖所示。

2、其次，完成上述步驟后，在index.html的script標(biāo)記中，輸入下圖紅框中的jquery代碼，如下圖所示。

3、接著，完成上述步驟后，瀏覽器運(yùn)行index.html頁面，顯示出了其中1張背景圖片，如下圖所示。

4、最后，完成上述步驟后，再次單擊“點(diǎn)擊更換”按鈕，這時(shí)背景圖像被更改為另一幅，如下圖所示。這樣，問題就解決了。

怎么用jquery實(shí)現(xiàn)閱讀器中夜間和白天的面板中“背景”切換的交互開發(fā)呢？

.day .night

定義兩個(gè)類，分別代表 白天和黑夜 。

在點(diǎn)擊切換的時(shí)候，刪除當(dāng)前這個(gè)，然后賦給新的一個(gè)，這樣背景樣式就能套上了。

或者只定義一個(gè)晚上，當(dāng)點(diǎn)擊，就加上這個(gè)類，再點(diǎn)擊就刪掉。

網(wǎng)站名稱：jquery背景切換,jquery背景切換為什么會(huì)白屏
網(wǎng)頁網(wǎng)址：http://sd-ha.com/article2/phhpoc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供用戶體驗(yàn)、網(wǎng)站制作、移動(dòng)網(wǎng)站建設(shè)、云服務(wù)器、搜索引擎優(yōu)化、服務(wù)器托管

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)