一个页面如何存在多个JS点击一张图片后换成另一张
<html><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"><title>新...
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>新建网页 1</title>
</head>
<body>
<img src="图片1.JPG" id="imgchange" width="100" height="100"/>
<p>
<input type="button" value="切换" onclick="picchange('图片2.JPG')">
<input type="button" value="返回" onclick="picchange('图片1.JPG')">
<script type="text/javascript">
function picchange(imgsrc)
{
document.getElementById("imgchange").src=imgsrc;
}
</script>
</p>
</body>
</html>
一个页面只存在一个我已经做好,但如果存在多个的时候就不行了。
类似这样,如果能点击一个图片的时候,另一个被点击切换的自动返回默认图片更好。
请大神帮忙。 展开
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>新建网页 1</title>
</head>
<body>
<img src="图片1.JPG" id="imgchange" width="100" height="100"/>
<p>
<input type="button" value="切换" onclick="picchange('图片2.JPG')">
<input type="button" value="返回" onclick="picchange('图片1.JPG')">
<script type="text/javascript">
function picchange(imgsrc)
{
document.getElementById("imgchange").src=imgsrc;
}
</script>
</p>
</body>
</html>
一个页面只存在一个我已经做好,但如果存在多个的时候就不行了。
类似这样,如果能点击一个图片的时候,另一个被点击切换的自动返回默认图片更好。
请大神帮忙。 展开
1个回答
展开全部
可以提个思路,给四个图片分别命名如:
<img id="img1" src="xxx"/>拆茄<img id="img2" src="xxx"/><img id="img3" src="xxx"/><img id="img4" src="xxx"/>
再来四个button如改御烂
<input type="button" id="btn1"><input type="button" id="btn2"><input type="button" id="btn3"><input type="button" id="btn4">分核漏别控制对应的图片
当某id的button被点击时,改变对应的图片路径,并把其他id的img的路径改成默认的
需要代码的话 我可以写jquery给你,js的好久不写了..
<img id="img1" src="xxx"/>拆茄<img id="img2" src="xxx"/><img id="img3" src="xxx"/><img id="img4" src="xxx"/>
再来四个button如改御烂
<input type="button" id="btn1"><input type="button" id="btn2"><input type="button" id="btn3"><input type="button" id="btn4">分核漏别控制对应的图片
当某id的button被点击时,改变对应的图片路径,并把其他id的img的路径改成默认的
需要代码的话 我可以写jquery给你,js的好久不写了..
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询