jsp中js实现点击按钮更改背景图片
问题如下：jsp中分上下个两个DIV,各自有自己的初始背景颜色,并有文字三个按钮，点击“按钮1”上下两个DIV中的背景同时更换成两个不同的图片点击“按钮2”同上以此类推但...
问题如下：
jsp中分上下个两个DIV,各自有自己的初始背景颜色,并有文字
三个按钮，点击“按钮1” 上下两个DIV中的背景同时更换成两个不同的图片
点击“按钮2” 同上
以此类推
但是文字还在,只是背景图片改变 展开
jsp中分上下个两个DIV,各自有自己的初始背景颜色,并有文字
三个按钮，点击“按钮1” 上下两个DIV中的背景同时更换成两个不同的图片
点击“按钮2” 同上
以此类推
但是文字还在,只是背景图片改变 展开
展开全部
<script>
function mychange(num){
document.getElementById("div1").style.backgroundImage="url("+num+".jpg)";
document.getElementById("div2").style.backgroundImage="url("+num+".jpg)";
}
</script>
</head>
<body>
<div id="div1" style="height:200px; width:200px; background:#FF0000">这是第一个div</div>
<div id="div2" style="height:200px; width:200px; background:#0000FF">这是第二个div</div>
<input type="button" value="第一个按钮" onclick="mychange(1)" />
<input type="button" value="第二个按钮" onclick="mychange(2)" />
<input type="button" value="第三个按钮" onclick="mychange(3)" />
</body>
function mychange(num){
document.getElementById("div1").style.backgroundImage="url("+num+".jpg)";
document.getElementById("div2").style.backgroundImage="url("+num+".jpg)";
}
</script>
</head>
<body>
<div id="div1" style="height:200px; width:200px; background:#FF0000">这是第一个div</div>
<div id="div2" style="height:200px; width:200px; background:#0000FF">这是第二个div</div>
<input type="button" value="第一个按钮" onclick="mychange(1)" />
<input type="button" value="第二个按钮" onclick="mychange(2)" />
<input type="button" value="第三个按钮" onclick="mychange(3)" />
</body>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
我把思路改成换ID（或者class），这样做比较简单粗暴，但是可行。
因为我用的框架laravel，不知道怎么在view里面写img路径，url::asset()也不行，试了很多次，差点爆炸，最后才直接用JS换ID
因为我用的框架laravel，不知道怎么在view里面写img路径，url::asset()也不行，试了很多次，差点爆炸，最后才直接用JS换ID
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
document.getElementById('divid').style.backgroundImage='url(111.jpg)'
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
