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

熱點內容
蘋果7如何使用萬能鑰匙 瀏覽：254
微信文件傳送電腦 瀏覽：600
什麼app可以解壓百度雲rar 瀏覽：627
蘋果6sp換殼 瀏覽：956
海盜船k70rgb燈光配置文件 瀏覽：336
linuxfsstat 瀏覽：926
電腦文件有個鎖 瀏覽：441
ps多張pdf文件夾 瀏覽：2
怎樣壓縮文件能傳到qq郵箱 瀏覽：923
南昌房管局網站怎麼查備案 瀏覽：884
如何設置ipad下載密碼 瀏覽：458
ae信號干擾教程 瀏覽：548
電腦之前刪掉的文件怎麼找 瀏覽：805
索尼z1刷什麼系統升級 瀏覽：466
自創字體怎麼編程序 瀏覽：381
成都的蘋果售後服務電話號碼 瀏覽：698
文件放筆記本哪個盤 瀏覽：745
starbound星球文件格式 瀏覽：137
javathis和super 瀏覽：782
iphone5左上角翹屏 瀏覽：863

友情鏈接