Ⅰ 在「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改變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點擊事件更換背景圖片
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的背景圖片嗎
js可以控制div的背景的,除了顏色外,圖片也可以:
顏色控制:
document.getElementById('a').style.background="#FF0000";
背景控制:
var div=document.getElementById(divid);
div.style.backgroundImg= "./img/bgImge.jpg";
Ⅳ 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點擊切換背景圖片
style.backgroundImage = ='url("??????")'
判斷換成這個
style.backgroundImage ='url("??????")'
賦值換這個
因為你加的url裡面的 不是string 不合法,js自動給你加上了「」
Ⅷ 怎麼在js當中設置並改變背景圖片的位置
在div中設置一個id,通過jquery獲取id,如下
$("#divId").attr("style","background:url('/kc/system/images/top.png') no-repeat;width:100%;height:128px;");
Ⅸ 如何利用js動態改變body的背景圖片想要個簡單的個例子
在隨便哪個按鈕的onclick中加上這個方法:
function chgBg() {
document.body.style.background = "url('images/bg1.jpg')";
}