首页 文章 问答 51讲堂 活动
写文章 提问题 登录 | 注册
  • 点击显示图片,怎样才能实现点第二个显示第二张
  • 其他开发语言
    2.00元

 点击第一个显示第一张图片,

# 点击第二个还是显示第一张图片;

# 有没有什么最简单的方法可以实现点击不同显示不同图片

<!DOCTYPE html>
<html>
 <head>
   <meta charset="utf-8">
 </head>
   <body>
       <h1>标题1</h1>
           <input type="button" value="点击显示第一张图片" onclick="show();" >
           <div id="1" style="display:none">
           <img style="width:100%;" src="1.jpg"</img></div>
       <h2>标题2</h2>
           <input type="button" value="点击显示第二张图片" onclick="show();" >
           <div id="2" style="display:none">
           <img style="width:100%;" src="2.jpg"</img></div>
<script>
var img=document.getElementById('1');
function show(){
if(img.style.display=='none'){
img.style.display='';
}else{
img.style.display='none';
}
}
</script>
   </body>
</html>


  • Willson1991    2020-05-18 10:33:57
  • 阅读 1174    收藏 0    回答 1
  • 邀请
  • 收藏
  • 分享
发送
登录 后发表评论
  • 推荐问答
  • 换一换
  • 51testing软件测试圈微信