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

熱點內容
錄入資料庫的圖片如何更改 瀏覽：132
怎樣獲取郵箱帳號和密碼 瀏覽：809
怎麼通過js實現回到指定頁面 瀏覽：140
如何用網路簽字 瀏覽：552
三星電視拆機教程 瀏覽：19
創維怎麼連接網路 瀏覽：868
2007版word繪圖在哪裡 瀏覽：311
可以拍車牌的app是什麼 瀏覽：508
文件加個井字型大小什麼意思 瀏覽：155
怎麼刪除多重網路 瀏覽：999
求生之路2區域網聯機工具 瀏覽：827
說明文件結尾用什麼詞 瀏覽：578
發送的文件名變數字 瀏覽：778
檔案資料庫管理 瀏覽：992
微信acl是金融傳銷嗎 瀏覽：620
企業如何通過進行網路營銷 瀏覽：551
微信json轉換錯誤 瀏覽：364
拉勾勾是什麼網站 瀏覽：556
長沙哪個學校有大數據技術與應用 瀏覽：137
qq語音停止運行 瀏覽：312

友情鏈接