导航:首页 > 编程语言 > 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相关的资料

热点内容
无法找到文件中可删除的图片 浏览：739
dnf90版本副职业 浏览：848
c只读打开文件 浏览：575
如何在电脑文件上添加图片 浏览：297
xslist网站怎么登录 浏览：735
ftp不能直接打开文件 浏览：145
ps调整后的xps文件 浏览：572
小米如何取消wifi和数据同时使用 浏览：347
微信数据6个g怎么清理 浏览：533
找厂房去哪个app 浏览：881
linuxmini 浏览：997
如何找编程类的工作 浏览：286
jsp从mysql读取时间 浏览：680
有什么app可以存app 浏览：603
游戏编程从哪里学的 浏览：738
win8文件布局 浏览：308
数据存储参数配置文件 浏览：122
面膜去哪个网站买好 浏览：627
天下游旧版本 浏览：622
iphone6按键震动 浏览：528

友情链接