導航:首頁 > 編程語言 > 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相關的資料

熱點內容
從哪裡可以下載a股的數據 瀏覽：437
邏輯文件名和物理文件名關系 瀏覽：66
怎麼查一個網站的外鏈 瀏覽：675
linux下db2安裝時版本選擇 瀏覽：738
匯編編程用哪個軟體 瀏覽：486
仙樂下的歌在文件管理哪裡 瀏覽：477
115網盤解析工具2014 瀏覽：371
內圓弧銑刀怎麼編程 瀏覽：410
記事本文件轉word格式對齊 瀏覽：300
excel刪除恢復文件 瀏覽：290
三星s4怎麼切換3g網路 瀏覽：994
什麼是網站維護 瀏覽：314
文件夾錄像在哪裡 瀏覽：621
可以發語音的是什麼app 瀏覽：804
恢復手機桌面文件管理 瀏覽：627
用什麼軟體可以打開psd文件 瀏覽：459
公安有哪些警務app 瀏覽：150
生意轉租用什麼app 瀏覽：683
廣義的網路信息保密性是指 瀏覽：657
qq背景唯美簡約圖片 瀏覽：292

友情鏈接