jquery點擊改變背景圖片

css("background-image","url(image[n])");

創(chuàng)新互聯(lián)公司長期為上1000+客戶提供的網(wǎng)站建設服務，團隊從業(yè)經(jīng)驗10年，關注不同地域、不同群體，并針對不同對象提供差異化的產(chǎn)品和服務；打造開放共贏平臺，與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為路北企業(yè)提供專業(yè)的成都網(wǎng)站設計、成都網(wǎng)站制作，路北網(wǎng)站改版等技術服務。擁有10余年豐富建站經(jīng)驗和眾多成功案例,為您定制開發(fā)。

問題出在這里了吧！

你這么寫不相當于 background-image:url(image[n]) 了么？

這樣試試：

$(".slider_image").css("background-image","url("+image[n]+")");

jquery如何改變img的圖片路徑

可以使用jQuery的“attr”方法改變img的圖片路徑。

1、新建html文檔，在body標簽中添加img標簽，設置圖片的路徑為“a.png”，然后引入文件：

2、為img標簽添加id“demo”，然后添加腳本代碼“$("#demo").attr("src", "b.png");”，代碼的意思先獲取img標簽，然后將路徑改為“b.png”：

3、用瀏覽器打開網(wǎng)頁，按F12鍵打開網(wǎng)頁源碼，可以查看img路徑已經(jīng)從“a.png”換成“b.png”了：

JS/Jquery，如何實現(xiàn)背景圖片的更換

更換背景圖片有兩種方式：

1、直接給元素附加css，因為js附加的css樣式要比css中的樣式權限高，那么js設置的背景圖片就會覆蓋之前的圖片

$(this).css("background","url(1.jpg) no-repeat 0 0");

2、寫兩個class，一個class里面寫一個背景圖片，js中操作的話直接改變元素的class就可以了

$(this).removeClass('classA').addClass('classB');

相對而言，第二種方式更好一點，實現(xiàn)了js中盡量不書寫css的理念，同時第二種可以實現(xiàn)背景圖片不斷替換，而第一種不行

jquery如何改變css背景圖?

jquery改變CSS背景圖修改方法

如果需要使用Jquery修改CSS網(wǎng)頁背景樣式。用戶可以這樣寫$(‘p’).css({"background-image":"url(../images/msg_btn.gif"});

Jquery-CSS用法

css() 方法返回或設置匹配的元素的一個或多個樣式屬性。返回第一個匹配元素的 CSS 屬性值。注釋：當用于返回一個值時，不支持簡寫的 CSS 屬性（比如 "background" 和 "border"）。

參考資料：JQuery

jquery怎樣改變背景圖片

script type="text/javascript"

$(document).ready(function(){

$("#flipsound").click(function(){

if($("#flipsound").hasClass("flipsound_off"))

{

$("#flipsound").removeClass("flipsound_off");

$("#flipsound").css({"backgroundImage":"url(./images/sound_on.png)"});

}else{

$("#flipsound").addClass("flipsound_off");

$("#flipsound").css({"backgroundImage":"url(./images/sound_off.png)"});

}

});

});

/script