本帖最后由 那些人之一 于 2014-1-10 10:35 编辑
- <style type="text/css">
- dl dd
- {
- margin:0px;
- }
- dl
- {
- height:16px;
- overflow:visible;
- }
- /*
- .open
- {
- overflow:visible;
- }
- .close
- {
- overflow:hidden;
- }
- */
- </style>
- </head>
- <script type="text/javascript">
- var flag=true;
- function list()
- {
- var oDlNode = document.getElementsByTagName("dl")[0];
-
- if(flag)
- {
- //2,修改style样式属性中的overflow属性值。
-
- oDlNode.style.overflow ="hidden";
- flag=false;
-
- }
- else(flag)
- {
- //2,修改style样式属性中的overflow属性值。
-
- oDlNode.style.overflow ="visible";
- flag=true;
-
- }
- //alert("lucky man");
- }
- function list2()
- {
- var oDlNode = document.getElementsByTagName("dl")[0];
- if(oDlNode.className=="close")
- {
- oDlNode.className="open";
- }
- else
- {
- oDlNode.className="close"
- }
- }
- </script>
- <body>
- <dl >
- <dt onclick="list()"> 显示条目一</dt>
- <dd> 展开列表内容1</dd>
- <dd> 展开列表内容2</dd>
- <dd> 展开列表内容3</dd>
- <dd> 展开列表内容4</dd>
- </dl>
- </body>
复制代码 这段代码在毕老师的视频里 ,点一次就变换一次收起列表和弹出列表。但是在我电脑实验,点击没有一点反应。本人查错的时候用alert();语句试过发现两个窗一起弹出来。为什么毕老师的是点一次变一次,而我的是一次就完了?求高手回答啊。
|