當前位置:首頁 » 背景圖片 » js添加背景圖片
擴展閱讀
百中的圖片有哪些 2024-12-22 22:41:59
電腦怎麼做圖片集 2024-12-22 22:07:36
陽光下睡覺圖片唯美 2024-12-22 21:33:54

js添加背景圖片

發布時間: 2022-01-05 19:48:43

『壹』 如何用js自定義頁面背景

有一個document.Get...BYID(控制項ID).style.blackgound.url="網路地址」 你去試試

『貳』 在「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)';
-----

『叄』 javascript添加背景圖片

這個很簡單。有好多方法。
1.直接在body標簽中添加一個「background」屬性,屬性值內容為背景圖片地址。
2.用css設置
body{
background-image:
url(圖片地址);
}

『肆』 用JS設置div的背景圖問題

background是全局的背景設置,例如

body{
background:#fffurl('xxx.png')no-repeat
}

拆分出來就是

body{
background-color:#fff;
background-image:url('xxx.png');
background-repeat:no-repeat;
}

你設置了obj.style.background就覆蓋了background-image,所以你要改成這樣

obj.style.backgroundImage='url("xxx.png")'

『伍』 如何在JS中為標簽添加背景圖片

<script type="text/javascript" language="javascript">
document.getElementById("form1").style.backgroundImage = "目標圖片";

</script>

『陸』 js動態改變背景圖片

兄弟,這個問題花4個小時,慘了點吧
document.getElementById('DivLogo').style.backgroundImage ='url(images/橫幅1.jpg)';
第一屬性寫錯了,有個字母「I」大寫
第二,url外面加上引號
查查文檔,裡面都有

『柒』 JS/Jquery,如何實現背景圖片的更換

你好,Jquery修改背景圖片方法如下:
$("這里寫css選擇器").css("background-image","url(這里填圖片路徑)");
或者
$("css選擇器").css({"background-image":"url(圖片路徑)"});
比如修改一個p標簽的背景為bjt.jpg可以寫成:
$("p").css({'background-image':'url(bjt.jpg)'})

『捌』 怎麼在js控制的背景圖片里添加文字

將 id="bg" 這個 div 的 style(樣式)中的 position(位置)設置為 relative(相對),
然後在裡面加一個 div 寫文字,將它的 position 設置為 absolute(絕對),調整 top 和 left 來改變它的顯示位置。

把 div 替換為下面這樣

<div id="bg" style="position: relative;">
<div id="text" style="position: absolute; top: 100px; left: 200px;"><p>添加文字</p></div>
<img src="圖片地址自己換上" alt="HIGH">
</div>

『玖』 如何在JS里添加DIV背景

思路:

獲取元素

修改元素的CSS樣式

代碼:

<divid="div"></div>
<script>
varoDiv=document.getElementById('div');
with(oDiv){
background:'#ccc',
width:'100px',
height:'100px'
}
</script>

『拾』 關於用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 = "";