A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

© 猎鹰tianya 中级黑马   /  2014-2-10 16:23  /  1335 人查看  /  0 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文

本帖最后由 猎鹰tianya 于 2014-2-10 16:26 编辑

{:soso_e118:}真奔溃,怎么弄列表都是叠在一起,怎么回事呢?把老师的视频倒回去看,看来看去没看出问题,求高手解释!!

  1. <!DOCTYPE html>
  2. <html>

  3. <head>
  4.         <meta charset="UTF-8">
  5.         <title>Insert title here</title>
  6.         
  7.         <style type="text/css">
  8.                 dl dd{
  9.                         margin: 0px;
  10.                 }
  11.                
  12.                 dl{
  13.                         height: 16px;
  14.                 }
  15.                
  16.                 .open{
  17.                         overflow: visible;
  18.                 }
  19.                
  20.                 .close{
  21.                         overflow: hidden;
  22.                 }
  23.         </style>
  24.         
  25. </head>

  26. <body>

  27.         <script type="text/javascript">
  28.                 function list(node){
  29.                         var oDlNode =node.parentNode;
  30.                         if (oDlNode.className == "close") {
  31.                                 oDlNode.className = "open";
  32.                         } else {
  33.                                 oDlNode.className = "close";
  34.                         }
  35.                 }
  36.         </script>
  37.         
  38.         <dl class="close">
  39.                 <dt onclick="list(this)">显示条目一</dt>
  40.                 <dd>展开列表内容1</dd>
  41.                 <dd>展开列表内容1</dd>
  42.                 <dd>展开列表内容1</dd>
  43.                 <dd>展开列表内容1</dd>
  44.         </dl>
  45.         
  46.         <dl class="close">
  47.                 <dt onclick="list(this)">显示条目二</dt>
  48.                 <dd>展开列表内容2</dd>
  49.                 <dd>展开列表内容2</dd>
  50.                 <dd>展开列表内容2</dd>
  51.                 <dd>展开列表内容2</dd>
  52.         </dl>
  53.         
  54.         <dl class="close">
  55.                 <dt onclick="list(this)">显示条目三</dt>
  56.                 <dd>展开列表内容3</dd>
  57.                 <dd>展开列表内容3</dd>
  58.                 <dd>展开列表内容3</dd>
  59.                 <dd>展开列表内容3</dd>
  60.         </dl>
  61. </body>
  62. </html>
复制代码




评分

参与人数 1技术分 +1 收起 理由
FFF + 1 淡定

查看全部评分

0 个回复

您需要登录后才可以回帖 登录 | 加入黑马