落伍者站长论坛 » 免费代码及编程交流 » 请问这种点击看答案效果是怎么实现的

香烟熏灵魂 发表于 2008-11-12 23:10

请问这种点击看答案效果是怎么实现的

这个页面[url]http://www.iqsuperman.net/detail.php?qid=5130[/url]

中间GG上面的查看答案  点一下下面就出来一张图片或者一段解释

请问是怎么实现的。。。

jjdxzx 发表于 2008-11-12 23:22

有的共享一下啊

野马ct 发表于 2008-11-12 23:50

楼上的，听说过div和span的 display样式没有？

这个简单哈，先把答案放到一个div中，然后将这个div命名为 id=answer，并设置一个 style=display:none 样式，这个层就被隐藏了。
也就是[code]
   <div id="answer" style='display:"none"'>
     答案
   </div>
  [/code]如果要显示出这个层，只需要把“查看答案”那个按钮加一个onclick=show_anwser(anwser) 函数控制层的显隐即可。
这个函数的大概内容应该是：[code]
function show_anwser(div_id) {
  if (div_id.style.display="none"){    //如果层是隐藏的，那么把它显示出来
    div_id.style.display="";
     }else{    //如果层是显示的，那么把它隐藏
    div_id.style.display="none";
  }
}
[/code]看懂咩？

香烟熏灵魂 发表于 2008-11-12 23:59

[quote]原帖由 [i]野马ct[/i] 于 2008-11-12 23:50 发表 [url=http://www.im286.com/redirect.php?goto=findpost&pid=31098401&ptid=3034199][img]http://www.im286.com/images/common/back.gif[/img][/url]
楼上的，听说过div和span的 display样式没有？

这个简单哈，先把答案放到一个div中，然后将这个div命名为 id=answer，并设置一个 style=display:none 样式，这个层就被隐藏了。
也就是
   
     答案
   
  ... [/quote]

感谢这位兄弟，，知道思路就好办了。。明天测试下。。

beibeix 发表于 2008-11-13 00:02

GOOD

查看完整版本: 请问这种点击看答案效果是怎么实现的