当前位置:首页 » 背景图片 » js更换背景图片
扩展阅读
哪个app可以p图片底图 2025-01-28 01:03:13
淘宝图片搜索怎么没了 2025-01-28 01:00:58

js更换背景图片

发布时间: 2023-09-07 10:22:16

① jsp中js实现点击按钮更改背景图片

我把思路改成换ID(或者class),这样做比较简单粗暴,但是可行。
因为我用的框架laravel,不知道怎么在view里面写img路径,url::asset()也不行,试了很多次,差点爆炸,最后才直接用JS换ID

② 在“js”中怎么设置div的背景图片

有两种比较直接的方式,x0dx0ax0dx0a第一种方法:预先设置一个样式,然后在js中操作,给div加上这个class。x0dx0ahtml代码:x0dx0a-----x0dx0a

③ js如何实现刷新网页更换背景图

 <!DOCTYPEhtml>
<htmllang="en">

<head>
<metacharset="UTF-8">
<metaname="viewport"content="width=device-width,initial-scale=1.0">
<title>Document</title>
<style>
html{
height:100%;
}
body{
background-size:100%100%;
background-repeat:no-repeat;
height:100%;
}
</style>
</head>

<body>

</body>
<script>
letimgArr=["https://iknow-base.cdn.bcebos.com/qixiqbpcbanner.jpg","https://iknow-base.cdn.bcebos.com/%E9%BB%84%E5%9C%A3%E4%BE%9D%E7%89%A9%E6%96%99%2Fqb%E9%A1%B5%E8%BD%AE%E6%92%AD%E5%9B%BE%E9%BB%84%E5%9C%A3%E4%BE%9D270x170x2.jpg","https://iknow-base.cdn.bcebos.com/trishafish%2F%E7%9F%A5%E9%81%93PC-QB-540-280.jpg"];
letnum=0;
letsetNum=localStorage.getItem("num");
if(setNum){
num=setNum
}
console.log(imgArr[num]);
document.body.style.backgroundImage="url("+imgArr[num]+")"
if(num==imgArr.length-1){
num=0;
}else{
num++;
}
localStorage.setItem("num",num)
</script>

</html>

 请采纳

④ 关于用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能改变div的背景图片吗

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

  1. 颜色控制:

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

  2. 背景控制:

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