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

熱點內容
怎樣將一個cad文件包圖紙兼容 瀏覽：898
論文有什麼好的網站 瀏覽：581
jdk7javadoc 瀏覽：687
編程小游戲是如何設計的 瀏覽：913
網路安全風險案例 瀏覽：46
司法考試哪個網站好 瀏覽：469
android搜索功能代碼 瀏覽：437
文件名如何沒有文字 瀏覽：601
吃雞地圖資源包文件路徑 瀏覽：267
cad文件轉移手機 瀏覽：733
指定區域網內文件delphi 瀏覽：638
蘋果5s充電介面維修 瀏覽：913
建行app怎麼老是信息填寫錯誤 瀏覽：832
羅技g903切換配置文件 瀏覽：649
游戲的數據在哪個英文文件夾 瀏覽：435
編程一般學什麼專業課 瀏覽：394
不屬於資料庫系統的主要組成部分 瀏覽：797
jdl是什麼網路詞 瀏覽：247
優酷的緩存視頻文件夾 瀏覽：842
jsp頁面獲取地址欄參數 瀏覽：893

友情鏈接