问题描述

HTML 基本问题求解答呀

今天自己弄这个HTML （小白大神勿怪）
弄个网页想实现 就是点击图片后在右边显示这张图片的大图

效果如下 但是发现 两张图都点过之后 就变成上下排列啦 前一张图不消失

然后这样写了图片就点不开啦

是我的思维有问题 还是 代码写错啦 应该怎么做求大神解答哈

解决方案

在showLogin02()函数中加上一个document.getElementById(""login01"").style.display=""none""（可能有单词拼写错误，请勿copy）；login02展示的同时将login01隐藏。或者执行showLogin0(""login01"")函数也行。

解决方案二：
好好组织一下代码吧，给你一个参考：

 function toggle(id){     var tg = document.getElementById(id);     tg.style.display = tg.style.display==""none""? ""block"":""none""; }

使用时，添加DIV的onclick属性 toggle(""login01"") toggle(""login02"")

解决方案三：
第二种参数名称错误包含错误字符报错了，一个就能搞定，干嘛要2个

  function showImg(id){      document.getElementById(""login01"").style.display=document.getElementById(""login02"").style.display=""none""      document.getElementById(id).style.display='block';}<div onclick=""showImg('login01')""....<div onclick=""showImg('login02')""....