点击div背景图片切换(两张图片的切换),要用js解决
展开全部
自己准备图片1.jpg和图片2.jpg。
<html>
<style>
div{
width:300px;
height:300px;
border:1px solid black;
background-image:url(1.jpg);
}
</style>
<script>
function changeImg(){
var div = document.getElementById("test");
if(div.style.backgroundImage == "url(1.jpg)"){
div.style.backgroundImage = "url(2.jpg)";
}else{
div.style.backgroundImage = "url(1.jpg)";
}
}
</script>
<body>
<div id="test" onclick="changeImg()">
</div>
</body>
</html>
<html>
<style>
div{
width:300px;
height:300px;
border:1px solid black;
background-image:url(1.jpg);
}
</style>
<script>
function changeImg(){
var div = document.getElementById("test");
if(div.style.backgroundImage == "url(1.jpg)"){
div.style.backgroundImage = "url(2.jpg)";
}else{
div.style.backgroundImage = "url(1.jpg)";
}
}
</script>
<body>
<div id="test" onclick="changeImg()">
</div>
</body>
</html>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询