當前位置:首頁 » 背景圖片 » js背景圖片
擴展閱讀
直線排列圖片素材 2024-11-15 09:41:26
萌寵人生搞笑圖片 2024-11-15 09:41:26

js背景圖片

發布時間: 2022-01-06 20:20:06

1. js能改變div的背景圖片

js可以控制div的背景的,除了顏色外,圖片也可以:

  1. 顏色控制:

    document.getElementById('a').style.background="#FF0000";

  2. 背景控制:

    var div=document.getElementById(divid);
    div.style.backgroundImg= "./img/bgImge.jpg";

2. js點擊切換背景圖片

style.backgroundImage = ='url("??????")'
判斷換成這個
style.backgroundImage ='url("??????")'
賦值換這個
因為你加的url裡面的 不是string 不合法,js自動給你加上了「」

3. js控制背景圖

使用jquery的toggle方法進行圖片切換
$(function(){
$("#h1").toggle(function(){
$("#h1").css("background-image","url('./20110528073501b54e6.jpg')");
},function(){
$("#h1").css("background-image","url('./2011060708410874041.jpg')");
})
})

<input type="button" value="huan" id="h1" class="hh1" />

CSS
.hh1{
background: url("./2011060708410874041.jpg");
width: 120px;
height: 90px;
}

4. JS如何更換DIV的背景圖片(如圖)

style.background="url(http://www.aa.com/dd.jpg)no-repeat";

5. 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:對以上會打有哪裡不理解的請指正或者追問

6. JS/Jquery,如何實現背景圖片的更換

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

7. JS的動態背景圖片

$(function(){
varnum=0,y=0;
functiontime(){
num+=80;
if(num>400){
num=0;
}
$("#fav-icon").css("background-position",num+'px'+y+"px");
};

$(".fav").hover(function(){
inte= setInterval(time,500);
},function(){
clearInterval(inte);
$("#fav-icon").css("background-position",0+'px'+0+"px");
});
});

8. js怎麼把DIV的背景圖片給取消

夏冰的回答已經很接近答案。而tongbaozhang 的回答是另闢蹊徑。

<body>
<!--添加一個div,給它加上相應的背景圖-->
<divstyle="width:100px;height:100px;background:url(../1.png);border:1pxsolid#ccc;"id="div"></div>
</body>
<script>
varoDiv=document.getElementById('div');//獲取這個div元素
oDiv.style.background='none';//將它的背景設置為空,這樣就沒有背景圖了
</script>

這里不是設置為『』而是設置為'none'

9. 在「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)';
-----

10. 關於用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 = "";