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

热点内容
网络安全风险案例 浏览：46
司法考试哪个网站好 浏览：469
android搜索功能代码 浏览：437
文件名如何没有文字 浏览：601
吃鸡地图资源包文件路径 浏览：267
cad文件转移手机 浏览：733
指定局域网内文件delphi 浏览：638
苹果5s充电接口维修 浏览：913
建行app怎么老是信息填写错误 浏览：832
罗技g903切换配置文件 浏览：649
游戏的数据在哪个英文文件夹 浏览：435
编程一般学什么专业课 浏览：394
不属于数据库系统的主要组成部分 浏览：797
jdl是什么网络词 浏览：247
优酷的缓存视频文件夹 浏览：842
jsp页面获取地址栏参数 浏览：893
怎么带小度app听酷狗音乐的歌 浏览：17
icleanerpro白苹果 浏览：786
2016年1024客户端安卓 浏览：136
win7连接不了网络打印机共享的打印机 浏览：214

友情链接