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

热点内容
网络中常用的传输介质 浏览：518
文件如何使用 浏览：322
同步推密码找回 浏览：865
乐高怎么才能用电脑编程序 浏览：65
本机qq文件为什么找不到 浏览：264
安卓qq空间免升级 浏览：490
linux如何删除模块驱动程序 浏览：193
at89c51c程序 浏览：329
怎么创建word大纲文件 浏览：622
袅袅朗诵文件生成器 浏览：626
1054件文件是多少gb 浏览：371
高州禁养区内能养猪多少头的文件 浏览：927
win8ico文件 浏览：949
仁和数控怎么编程 浏览：381
项目文件夹图片 浏览：87
怎么在东芝电视安装app 浏览：954
plc显示数字怎么编程 浏览：439
如何辨别假网站 浏览：711
宽带用别人的账号密码 浏览：556
新app如何占有市场 浏览：42

友情链接