当前位置:首页 » 背景图片 » js背景图片
扩展阅读
君子兰手绘图片素材 2024-12-25 23:54:29
小米隐藏图片在哪里看 2024-12-25 23:53:54

js背景图片

发布时间: 2022-01-06 20:20:06

1. js能改变div的背景图片

js可以控制div的背景的,除了颜色外,图片也可以:

  1. 颜色控制:

    document.getElementById('a').style.background="#FF0000";

  2. 背景控制:

    var div=document.getElementById(divid);
    div.style.backgroundImg= "./img/bgImge.jpg";

2. js点击切换背景图片

style.backgroundImage = ='url("??????")'
判断换成这个
style.backgroundImage ='url("??????")'
赋值换这个
因为你加的url里面的 不是string 不合法,js自动给你加上了“”

3. 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;
}

4. JS如何更换DIV的背景图片(如图)

style.background="url(http://www.aa.com/dd.jpg)no-repeat";

5. js点击事件更换背景图片

1:div22.style.background = "red";这样可以实现div22这个元素的背景颜色为红色。而div22添加的样式是内联样式。
2:所以内联样式?你需要知道一下什么是内联样式。也就是这个元素本身的style属性中的css样式,这里的style属性中国的css样式权重值最高。
3:在内联样式中,如果想要写一个背景图片那么就需要这样写才能生效:
<div style="background-image:url('img/1.jpg');"></div>
4:所以在js中动态添加或这更改背景图片就需要这样:
div22.style.backgroundImage = "url('img/1.jpg')";
5:对以上会打有哪里不理解的请指正或者追问

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

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

7. JS的动态背景图片

$(function(){
varnum=0,y=0;
functiontime(){
num+=80;
if(num>400){
num=0;
}
$("#fav-icon").css("background-position",num+'px'+y+"px");
};

$(".fav").hover(function(){
inte= setInterval(time,500);
},function(){
clearInterval(inte);
$("#fav-icon").css("background-position",0+'px'+0+"px");
});
});

8. js怎么把DIV的背景图片给取消

夏冰的回答已经很接近答案。而tongbaozhang 的回答是另辟蹊径。

<body>
<!--添加一个div,给它加上相应的背景图-->
<divstyle="width:100px;height:100px;background:url(../1.png);border:1pxsolid#ccc;"id="div"></div>
</body>
<script>
varoDiv=document.getElementById('div');//获取这个div元素
oDiv.style.background='none';//将它的背景设置为空,这样就没有背景图了
</script>

这里不是设置为‘’而是设置为'none'

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

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