本文目錄一覽：
js點擊事件更換背景圖片
1：div22.style.background = “red”;這樣可以實現div22這個元素的背景顏色為紅色。而div22添加的樣式是內聯樣式。
2：所以內聯樣式？你需要知道一下什麼是內聯樣式。也就是這個元素本身的style屬性中的css樣式，這裡的style屬性中國的css樣式權重值最高。
3：在內聯樣式中，如果想要寫一個背景圖片那麼就需要這樣寫才能生效：
div style=”background-image：url(‘img/1.jpg’);”/div
4：所以在js中動態添加或這更改背景圖片就需要這樣：
div22.style.backgroundImage = “url(‘img/1.jpg’)”;
5：對以上會打有哪裡不理解的請指正或者追問
用js怎麼實現div背景圖片變換？
代碼寫起來比較煩，首先如果是要自動變化的話，你首先需要有一個timer，調用window.setInterval(handler,
time)方法去變換，可以寫在onload事件里，或者卸載頁面最後用scriptscript塊裡面
頁面上有一個div的話，這個div裡面應該有個img的吧，圖片的話你用一個數組將文件名放起來，搞個隨機數，然後就將img.src
=
‘arr[i]’；這樣弄就應該能實現
JS/Jquery，如何實現背景圖片的更換
更換背景圖片有兩種方式：
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’);
相對而言，第二種方式更好一點，實現了js中盡量不書寫css的理念，同時第二種可以實現背景圖片不斷替換，而第一種不行
javascript 點擊button更換背景圖片 如何實現？
1、首先需要一個作為背景的div，並給出ID或者class屬性
2、當點擊按鈕時，將其屬性進行一個背景添加，即可更換背景圖片
原創文章，作者：小藍，如若轉載，請註明出處：https://www.506064.com/zh-hant/n/244252.html
微信掃一掃 
支付寶掃一掃 