当前位置:首页 » 背景图片 » js设置背景图片
扩展阅读
ps怎么将图片插入选区 2024-12-27 06:10:28
紫玫瑰花图片唯美 2024-12-27 06:08:52
诺基亚e71手机图片 2024-12-27 06:07:35

js设置背景图片

发布时间: 2022-01-06 01:16:45

㈠ 关于用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 = "";

㈡ JS/Jquery,如何实现背景图片的更换

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

㈢ js动态改变背景图片

兄弟,这个问题花4个小时,惨了点吧
document.getElementById('DivLogo').style.backgroundImage ='url(images/横幅1.jpg)';
第一属性写错了,有个字母“I”大写
第二,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动态改变body的背景图片想要个简单的个例子

在随便哪个按钮的onclick中加上这个方法:

function chgBg() {
document.body.style.background = "url('images/bg1.jpg')";
}

㈥ js控制背景图

使用jquery的toggle方法进行图片切换
$(function(){
$("#h1").toggle(function(){
$("#h1").css("background-image","url('./20110528073501b54e6.jpg')");
},function(){
$("#h1").css("background-image","url('./2011060708410874041.jpg')");
})
})

<input type="button" value="huan" id="h1" class="hh1" />

CSS
.hh1{
background: url("./2011060708410874041.jpg");
width: 120px;
height: 90px;
}

㈦ 在“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)';
-----

㈧ 在js里设置背景图片的定位

例:img.style.backgroundPosition = '-100px -100px';

㈨ 怎么在js当中设置并改变背景图片的位置

在div中设置一个id,通过jquery获取id,如下
$("#divId").attr("style","background:url('/kc/system/images/top.png') no-repeat;width:100%;height:128px;");

㈩ javascript添加背景图片

<script type="text/javascript">
window.onload=function(){
document.getElementById('test').onclick=function(){
document.body.style.background="url(http://img..com/img/logo-.gif) no-repeat";
}
}
</script>
<body>
<a href="#" id="test">click here</a>
</body>