m0_58961550 2021-06-27 18:41 采纳率: 100%
浏览 49
已结题

可以实现一下这个代码吗，点击按钮实现两张图片的切换

 

  • 写回答

1条回答 默认 最新

  • 404警告 2021-06-27 22:25
    关注
    <!DOCTYPE html>
<html>

	<head>
		<title>Test</title>
		<meta charset="utf-8">
	</head>

	<body>
		<button data-id="btn1">图一</button>
		<button data-id="btn2">图二</button>
		<div>
			<img src="img/img1.jpg" />
		</div>
	</body>
	<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
	<script>
		$(function() {
			$("button").click(function() {
				if($(this).attr("data-id") === 'btn1') {
					$("div").html("<img src=\"img/img1.jpg\"/>");
				} else {
					$("div").html("<img src=\"img/img2.jpg\"/>");
				}
			})
		});
	</script>

</html>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题？

问题事件

  • 已结题 （查看结题原因） 11月30日
  • 已采纳回答 11月30日

悬赏问题

  • ¥15 TLS1.2协议通信解密
  • ¥40 图书信息管理系统程序编写
  • ¥20 Qcustomplot缩小曲线形状问题
  • ¥15 企业资源规划ERP沙盘模拟
  • ¥15 树莓派控制机械臂传输命令报错，显示摄像头不存在
  • ¥15 前端echarts坐标轴问题
  • ¥15 ad5933的I2C
  • ¥15 请问RTX4060的笔记本电脑可以训练yolov5模型吗？
  • ¥15 数学建模求思路及代码
  • ¥50 silvaco GaN HEMT有栅极场板的击穿电压仿真问题