導航:首頁 > 編程語言 > js改變background

js改變background

 發布時間：2023-01-23 17:21:46

1. 如何用javascript改變body的background屬性.

<body style="background-image: url(http://i2.sinaimg.cn/home/07index/sinahome_ws_009.gif);">
<script type="text/javascript">
function selectbg(img){
//alert(window.document.body.style.backgroundImage);
window.document.body.style.backgroundImage = "url("+img+")";
}
</script>
<a href="javascript:selectbg('http://img..com/img/logo-.gif');">背景</a>
<a href="javascript:selectbg('http://www.google.cn/intl/zh-CN/images/logo_cn.gif');">google背景</a>
</body>

2. 如何js改變background-position

你要背景圖和元素位置一樣，那麼你直接取元素的位置交給背景圖就完了。

$(this).parent().animate({'background-position-y':$(this).position().top},500);

3. js改變backgroundImage

<textareaid=ttt></textarea>

<scripttype=text/javascript>
ttt.style.backgroundImage='url(SH101721.JPG)';
ttt.style.width='100%';
ttt.style.height='400';
</script>

補充：
<div>也沒問題

<divid=ttt>
<br>
<br>
<br>
<br>
<br>
<br>
</div>

<scripttype=text/javascript>
ttt.style.backgroundImage='url(中國心.jpg)';
</script>

4. 用JS每5秒改變background-image:url的值

window.setInterval("change()",5000)

function change(){

var div = document.getElementById("BackgroundArea");
div.style.background-image = "新值";

}

這樣就行了, 你試下

5. js 設置background

1，background:url('+data.image_url+') no-repeat center top"這里錯誤；這個有報錯么？
2，如果沒有報錯，a想要設置背景需要給a加上寬高和display:block。

6. js怎麼改變background-position值，救命

background-position屬性對應在dom中是：backgroundPosition。
以下來自w3school:
backgroundPosition
屬性設置背景圖像的位置。
實例：
document.body.style.backgroundPosition="bottom
center";

7. js 設置background

1，background:url('+data.image_url+')
no-repeat
center
top"這里錯誤；這個有報錯么？
2，如果沒有報錯，a想要設置背景需要給a加上寬高和display:block。

8. 用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")'

9. 怎麼用vue.js改變backgroundimage

做兩個需要切換的類bk1、bk2。
:class="{bk1: choosed1, bk2: choosed2}"

在元素上使用如上代碼。在代碼中動態設置choosed1、choosed2的值為true false就行了。

10. JS怎麼改變背景顏色

1、首先我們來創建來一個p元素源，在裡面寫上hello:。

閱讀全文

與js改變background相關的資料

熱點內容
華為官網app圖標是哪個 瀏覽：603
中標麒麟共享主機的文件路徑 瀏覽：309
滴答出行app怎麼下載 瀏覽：990
蘋果5怎麼屏幕變色了 瀏覽：753
怎麼把u盤文件改成可執行程序 瀏覽：915
ios902升級死機 瀏覽：180
ps什麼文件格式能轉成pdf 瀏覽：218
怎麼設置qq群的名稱 瀏覽：352
數據結構是屬於哪個科目 瀏覽：399
文件夾哪裡找縮略圖 瀏覽：790
kenshoapp 瀏覽：685
香港蘋果官網取消訂單 瀏覽：724
appstore的垃圾如何清理 瀏覽：38
vivo9管理文件 瀏覽：622
智能電視怎麼找不到優盤里的文件 瀏覽：986
u盤文件無刪除選項 瀏覽：991
php文件utf8記事本打開出錯 瀏覽：197
公司相關人員任命文件有哪些 瀏覽：397
dnd異界升級順序 瀏覽：887
linuxbin文件解壓 瀏覽：579

友情鏈接