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币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
c语言问题求解答
#include #include #define course 4 typedef struct student { long int num; char name[20]; char sex[3]; int age; float score[course]; float aver; float total; struct s
[单页面优化的问题求解答]
最近,我在上经常看到做机械的网站,排名特别好。但并不是一个独立网站,只是利用一个单页面就可以把竞争大的词排到百度首页,我想知道 这是用什么样的方法来达到这样的效果。急求大家的解答。???????????? pinterest.com/lingmouyan/%E4%B9%90%E9%99%B5%E6%89%BE%E5%B0%8F%E5%A7%90%E5%85%A8%E5%A5%97%E6%9C%8
动态规划的求解步骤
动态规划算法适合于求解最优化问题,通常可按下列步骤来设计动态规划算法: (1)分析最优解的性质,并刻画其最优子结构特征; (2)确定状态表示S(x1,x2,...)和状态递推方程,递归地定义最优值; (3)根据状态转移顺序,以自底向上的方式计算出最优值; (4)根据计算最优值时得到的信息,构造最优解。 第(1)步是基础,也是关键。在分析最优子结构性
人工智能(三)上——通过搜索进行问题求解
一、问题求解智能体 四个基本步骤: 1、目标形式化(Goal formulation)• 成功的状态描述 2、问题形式化(Problem formulation)• 根据所给的目标考虑行动和状态的描述 3、搜索(Search)• 通过对行动序列代价计算来选取最佳的行动序列. 4、执行(Execute)• 给出 “解”执行行动. 问题求解:形式化——搜索——执行 二
蓝桥杯 - 算法训练 蜜蜂飞舞 C语言实现
算法训练 蜜蜂飞舞 问题描述   “两只小蜜蜂呀,飞在花丛中呀……”   话说这天天上飞舞着两只蜜蜂,它们在跳一种奇怪的舞蹈。用一个空间直角坐标系来描述这个世界,那么这两只蜜蜂初始坐标分别为(x1,y1,z1),(x2,y2,z2)  。在接下来它们将进行n次飞行,第i次飞行两只蜜蜂分别按照各自的速度向量飞行ti个单位时间。对于这一现象,玮玮已经观察了很久。他很想知道在蜜蜂飞
算法概论:第八章NP-完全问题——课后题8.16
在写题目之前,想先总结一下这一章的基本内容。这一章主要讲的是NP, NPC问题。 关于NP问题 P问题,是它能够找到一个在多项式时间内解决的算法;而NP问题不是非P问题,而是可以在多项式时间里验证一个解的问题。NP问题:所有搜索问题都称为NP问题。搜索问题的特征性定义是,任意可能解的正确性都能被快速检验,也就是说,存在以问题实例I(用于确定待求解问题的数据)和可能解S为输入的高效检验算
小新手有问题求解答
哪位好心人能告诉我到底哪里出了问题么,完全照书上写的,可是还是有错误。
安卓开发新手入门遇到的问题求解答
1.xml与dtd关联                   ]>                          Java高级编程                 65          就像这样简单的示例,当我删除 65  后,clipse并不会提示我有错误,我用外部dtd也是这样。是我代码输错了还是软件的问题。软件版本是eclipse-jee-kepl
TensorFlow + RNN + LSTM 问题求解答
# coding: utf-8 import helper import re def MyPrint(lines_of_text): for lines in lines_of_text: print(lines) # 读入数据 dir = './data/寒门首辅.txt' text = helper.load_text(dir) # 训练数据量 num_
金蝶软件操作小技巧
操作小技巧(一) 1.如何在证输入过程中自动平衡该张凭证? 答:输入凭证时,若某科目的金额刚好等于其他科目的借贷平衡差,此时可以不用输入该科目的金额,将光标停留在金额栏内,按键即自动填入平衡后的金额。 操作小技巧(二) 2.凭证录入时若借贷方向输反了,怎么办? 答:凭证录入时若借贷方向输反了,只需按空格键即可调整借、贷方。 3.凭证输入时,如何即时获取摘要、会计科目、核算项目等? 答:获取常用摘要