2 a857351164 a857351164 于 2016.03.09 18:21 提问

HTML 基本问题求解答呀

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

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

图片说明
图片说明

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

图片说明

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

3个回答

qq_19558705
qq_19558705   Ds   Rxr 2016.03.09 18:43

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

WinsenJiansbomber
WinsenJiansbomber   2016.03.09 19:04

好好组织一下代码吧,给你一个参考:

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

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

showbo
showbo   Ds   Rxr 2016.03.09 19:13

第二种参数名称错误包含错误字符报错了,一个就能搞定,干嘛要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')"....

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!