当前位置:首页 » 背景图片 » js添加背景图片
扩展阅读
百中的图片有哪些 2024-12-22 22:41:59
电脑怎么做图片集 2024-12-22 22:07:36
阳光下睡觉图片唯美 2024-12-22 21:33:54

js添加背景图片

发布时间: 2022-01-05 19:48:43

‘壹’ 如何用js自定义页面背景

有一个document.Get...BYID(控件ID).style.blackgound.url="网络地址” 你去试试

‘贰’ 在“js”中怎么设置div的背景图片

有两种比较直接的方式,

第一种方法:预先设置一个样式,然后在js中操作,给div加上这个class。
html代码:
-----
<div id="test"></div>

-----

预先设置一个样式:
-----
.bg {
background-image: url(xxx.jpg);
}
-----

然后js获取这个div,给div加上名为bg的class
-----
var div = document.getElementById('test');
div.className += ' bg';
-----

第二种方法,直接设置div的style属性:

-----
var div = document.getElementById('test');
div.style.backgroundImage = 'url(xxx.xxx)';
-----

‘叁’ javascript添加背景图片

这个很简单。有好多方法。
1.直接在body标签中添加一个“background”属性,属性值内容为背景图片地址。
2.用css设置
body{
background-image:
url(图片地址);
}

‘肆’ 用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")'

‘伍’ 如何在JS中为标签添加背景图片

<script type="text/javascript" language="javascript">
document.getElementById("form1").style.backgroundImage = "目标图片";

</script>

‘陆’ js动态改变背景图片

兄弟,这个问题花4个小时,惨了点吧
document.getElementById('DivLogo').style.backgroundImage ='url(images/横幅1.jpg)';
第一属性写错了,有个字母“I”大写
第二,url外面加上引号
查查文档,里面都有

‘柒’ JS/Jquery,如何实现背景图片的更换

你好,Jquery修改背景图片方法如下:
$("这里写css选择器").css("background-image","url(这里填图片路径)");
或者
$("css选择器").css({"background-image":"url(图片路径)"});
比如修改一个p标签的背景为bjt.jpg可以写成:
$("p").css({'background-image':'url(bjt.jpg)'})

‘捌’ 怎么在js控制的背景图片里添加文字

将 id="bg" 这个 div 的 style(样式)中的 position(位置)设置为 relative(相对),
然后在里面加一个 div 写文字,将它的 position 设置为 absolute(绝对),调整 top 和 left 来改变它的显示位置。

把 div 替换为下面这样

<div id="bg" style="position: relative;">
<div id="text" style="position: absolute; top: 100px; left: 200px;"><p>添加文字</p></div>
<img src="图片地址自己换上" alt="HIGH">
</div>

‘玖’ 如何在JS里添加DIV背景

思路:

获取元素

修改元素的CSS样式

代码:

<divid="div"></div>
<script>
varoDiv=document.getElementById('div');
with(oDiv){
background:'#ccc',
width:'100px',
height:'100px'
}
</script>

‘拾’ 关于用js改变td背景图片的

eval只有在IE下好使,Chrome和filefox里不太好使。

建议把eval全部换成document.getElementById,这样几个浏览器都兼容了。
比如:
whichEl = eval("submenu" + sid);可以换成whichEl = document.getElementById("submenu" + sid);

eval("submenu" + sid + ".style.display=\"\";");可以换成document.getElementById("submenu" + sid).style.display = "";