请问一下如何用JS制作这种效果:按一下按钮,换一张图片。
比如有按钮1、2、3。按1、2、3分别显示不同图片。图片没点相关按钮时不在页面显示的。详细点啊...
比如有按钮1、2、3。按1、2、3分别显示不同图片。图片没点相关按钮时不在页面显示的。详细点啊
展开
1个回答
展开全部
开始时第一张图片要显示吗?
<img src="如果初始状态要显示图片的话在这里写上要显示的图片路径" id="imgchange"/>
<input type="button" value="1" onclick="picchange('图片一的路径')">
<input type="button" value="2" onclick="picchange('图片二的路径')">
<input type="button" value="3" onclick="picchange('图片三的路径')">
<script type="text/javascript">
function picchange(imgsrc)
{
document.getElementById("imgchange").src=imgsrc;
}
</script>
应该就这样了
<img src="如果初始状态要显示图片的话在这里写上要显示的图片路径" id="imgchange"/>
<input type="button" value="1" onclick="picchange('图片一的路径')">
<input type="button" value="2" onclick="picchange('图片二的路径')">
<input type="button" value="3" onclick="picchange('图片三的路径')">
<script type="text/javascript">
function picchange(imgsrc)
{
document.getElementById("imgchange").src=imgsrc;
}
</script>
应该就这样了
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询