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

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

© 那些人之一 中级黑马   /  2014-1-8 18:21  /  1099 人查看  /  2 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文

本帖最后由 那些人之一 于 2014-1-10 10:35 编辑
  1. <style type="text/css">
  2.        dl dd
  3.        {
  4.                        margin:0px;
  5.        }
  6.        dl
  7.        {
  8.                height:16px;
  9.                overflow:visible;
  10.        }
  11.        /*
  12.        .open
  13.        {
  14.                overflow:visible;
  15.        }
  16.        .close
  17.        {
  18.                overflow:hidden;
  19.        }
  20.        */
  21. </style>
  22. </head>
  23.         <script type="text/javascript">
  24.         var flag=true;
  25.         function list()
  26.         {
  27.                 var oDlNode = document.getElementsByTagName("dl")[0];
  28.                
  29.                 if(flag)
  30.                 {
  31.                 //2,修改style样式属性中的overflow属性值。
  32.                
  33.                 oDlNode.style.overflow ="hidden";
  34.                 flag=false;
  35.                
  36.                 }
  37.                 else(flag)
  38.                 {
  39.                 //2,修改style样式属性中的overflow属性值。
  40.                
  41.                 oDlNode.style.overflow ="visible";
  42.                 flag=true;
  43.                
  44.                 }
  45.                 //alert("lucky man");        
  46.         }
  47.         function list2()
  48.         {
  49.                 var oDlNode = document.getElementsByTagName("dl")[0];
  50.                 if(oDlNode.className=="close")
  51.                 {
  52.                         oDlNode.className="open";
  53.                 }
  54.                 else
  55.                 {
  56.                         oDlNode.className="close"        
  57.                 }
  58.         }
  59.         </script>
  60.     <body>
  61.     <dl >   
  62.     <dt onclick="list()"> 显示条目一</dt>
  63.     <dd> 展开列表内容1</dd>
  64.     <dd> 展开列表内容2</dd>
  65.     <dd> 展开列表内容3</dd>
  66.     <dd> 展开列表内容4</dd>
  67.     </dl>
  68.     </body>
复制代码
这段代码在毕老师的视频里 ,点一次就变换一次收起列表和弹出列表。但是在我电脑实验,点击没有一点反应。本人查错的时候用alert();语句试过发现两个窗一起弹出来。为什么毕老师的是点一次变一次,而我的是一次就完了?求高手回答啊。

评分

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

查看全部评分

2 个回复

倒序浏览
我没看懂你这题的意思,要做到什么效果,不过if后面跟else,else后面还能跟条件吗?,还是我孤陋寡闻了?
回复 使用道具 举报
回去看看
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 加入黑马