❶ 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>
請採納
❷ javascript添加背景圖片
這個很簡單。有好多方法。
1.直接在body標簽中添加一個「background」屬性,屬性值內容為背景圖片地址。
2.用css設置
body{
background-image:
url(圖片地址);
}
❸ 如何在JS中為標簽添加背景圖片
<script type="text/javascript" language="javascript">
document.getElementById("form1").style.backgroundImage = "目標圖片";
</script>
❹ js怎麼添加一個div的背景圖片nameSpan.style.backgroundImg.src="";不是這樣的把
nameSpan.style.background ="bg.jpg";
還需要給這個div添加寬和高才能看到圖片
❺ JS/Jquery,如何實現背景圖片的更換
你好,Jquery修改背景圖片方法如下:
$("這里寫css選擇器").css("background-image","url(這里填圖片路徑)");
或者
$("css選擇器").css({"background-image":"url(圖片路徑)"});
比如修改一個p標簽的背景為bjt.jpg可以寫成:
$("p").css({'background-image':'url(bjt.jpg)'})
❻ 用js更改網頁背景圖片的問題
document.body.style.background='url("圖片地址")'
試下吧,這個絕對可以
❼ 誰用過fullpage.js,放入背景圖。下面背景有間距的
1、調下CSS樣式就可以解決,background-repeat: no-repeat; 不平鋪,就不會重復了
2、background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
上面三句是一個意思,就是讓圖片隨屏幕大小同步縮放,但是有部分可能會被裁切,不過不至於會露白,下面兩句是為chrome和opera瀏覽器作兼容。
3、background-position: center 0;
上面這句的意思就是圖片的位置,居中,靠左對齊。
4、width:100%; height:100%; min-width: 1000px;
上面前兩句是讓整個div跟屏幕實現一模一樣的大小,從而達到全屏效果,而min-width是為了實現讓屏幕寬度在1000px以內時,div的大小保持不變,也就是說在這種情況下,縮放屏幕寬度時,圖片不要縮放(只有在1000px以內才有效)。
❽ 在「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怎樣導入背景圖片
document.body.style.backgroundImage="url('abc.jpg')";
❿ html里怎麼插入背景圖片急
1、插入背景圖片有兩種方法,一種是用html的img標簽,另一種是利用css的background標簽插入。具體操作是首先新建一個html文件,寫入兩個div,分別用來演示兩種方法插入標簽: