當前位置:首頁 » 背景圖片 » js設置背景圖片
擴展閱讀
說說圖片搞笑圖片 2024-09-20 08:45:58
打開爆笑圖片軟體和屏鏡 2024-09-20 08:40:51

js設置背景圖片

發布時間: 2022-01-06 01:16:45

㈠ 關於用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/Jquery,如何實現背景圖片的更換

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

㈢ js動態改變背景圖片

兄弟,這個問題花4個小時,慘了點吧
document.getElementById('DivLogo').style.backgroundImage ='url(images/橫幅1.jpg)';
第一屬性寫錯了,有個字母「I」大寫
第二,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動態改變body的背景圖片想要個簡單的個例子

在隨便哪個按鈕的onclick中加上這個方法:

function chgBg() {
document.body.style.background = "url('images/bg1.jpg')";
}

㈥ 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;
}

㈦ 在「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里設置背景圖片的定位

例:img.style.backgroundPosition = '-100px -100px';

㈨ 怎麼在js當中設置並改變背景圖片的位置

在div中設置一個id,通過jquery獲取id,如下
$("#divId").attr("style","background:url('/kc/system/images/top.png') no-repeat;width:100%;height:128px;");

㈩ javascript添加背景圖片

<script type="text/javascript">
window.onload=function(){
document.getElementById('test').onclick=function(){
document.body.style.background="url(http://img..com/img/logo-.gif) no-repeat";
}
}
</script>
<body>
<a href="#" id="test">click here</a>
</body>