『壹』 JS/Jquery，如何實現背景圖片的更換
你好，Jquery修改背景圖片方法如下：
$("這里寫css選擇器").css("background-image","url(這里填圖片路徑)");
或者
$("css選擇器").css({"background-image":"url(圖片路徑)"});
比如修改一個p標簽的背景為bjt.jpg可以寫成：
$("p").css({'background-image':'url(bjt.jpg)'})
『貳』 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更改網頁背景圖片的問題
document.body.style.background='url("圖片地址")'
試下吧,這個絕對可以
『肆』 用js怎麼實現div背景圖片變換
代碼寫起來比較煩，首先如果是要自動變化的話，你首先需要有一個timer，調用window.setInterval(handler,
time)方法去變換，可以寫在onload事件里，或者卸載頁面最後用<script><script>塊裡面
頁面上有一個div的話，這個div裡面應該有個<img>的吧，圖片的話你用一個數組將文件名放起來，搞個隨機數，然後就將img.src
=
'arr[i]'；這樣弄就應該能實現
『伍』 關於用js改變td背景圖片的
eval只有在IE下好使，Chrome和filefox里不太好使。
建議把eval全部換成document.getElementById，這樣幾個瀏覽器都兼容了。
比如：
whichEl = eval("submenu" + sid);可以換成whichEl = document.getElementById("submenu" + sid);
eval("submenu" + sid + ".style.display=\"\";");可以換成document.getElementById("submenu" + sid).style.display = "";
『陸』 在「js」中怎麼設置div的背景圖片
有兩種比較直接的方式，
第一種方法：預先設置一個樣式，然後在js中操作，給div加上這個class。
html代碼：
-----
<div id="test"></div>
-----
預先設置一個樣式：
-----
.bg {
background-image: url(xxx.jpg);
}
-----
然後js獲取這個div，給div加上名為bg的class
-----
var div = document.getElementById('test');
div.className += ' bg';
-----
第二種方法，直接設置div的style屬性：
-----
var div = document.getElementById('test');
div.style.backgroundImage = 'url(xxx.xxx)';
-----
『柒』 JS/Jquery，如何實現背景圖片的更換
你好，Jquery修改背景圖片方法如下：
$("這里寫css選擇器").css("background-image","url(這里填圖片路徑)");
或者
$("css選擇器").css({"background-image":"url(圖片路徑)"});
比如修改一個p標簽的背景為bjt.jpg可以寫成：
$("p").css({'background-image':'url(bjt.jpg)'})
『捌』 js如何實現刷新網頁更換背景圖
<!DOCTYPEhtml>
<htmllang="en">
<head>
<metacharset="UTF-8">
<metaname="viewport"content="width=device-width,initial-scale=1.0">
<title>Document</title>
<style>
html{
height:100%;
}
body{
background-size:100%100%;
background-repeat:no-repeat;
height:100%;
}
</style>
</head>
<body>
</body>
<script>
letimgArr=["https://iknow-base.cdn.bcebos.com/qixiqbpcbanner.jpg","https://iknow-base.cdn.bcebos.com/%E9%BB%84%E5%9C%A3%E4%BE%9D%E7%89%A9%E6%96%99%2Fqb%E9%A1%B5%E8%BD%AE%E6%92%AD%E5%9B%BE%E9%BB%84%E5%9C%A3%E4%BE%9D270x170x2.jpg","https://iknow-base.cdn.bcebos.com/trishafish%2F%E7%9F%A5%E9%81%93PC-QB-540-280.jpg"];
letnum=0;
letsetNum=localStorage.getItem("num");
if(setNum){
num=setNum
}
console.log(imgArr[num]);
document.body.style.backgroundImage="url("+imgArr[num]+")"
if(num==imgArr.length-1){
num=0;
}else{
num++;
}
localStorage.setItem("num",num)
</script>
</html>
請採納