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

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

© 75100313 高级黑马   /  2014-2-28 21:44  /  1081 人查看  /  3 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文

本帖最后由 75100313 于 2014-3-1 07:50 编辑

感谢点击我的帖子 ,先请你听歌 边听边看帖子 哈哈:lol:http://alind.rzk9.com/UserFiles/Blog/alind/LibrariesTemplate/20081023041005275.mp3


16_黑马程序员_毕向东_JavaScript视频教程_节点操作02.zip 是这个视频里面的例子

动态效果图:
老师的效果:
                    
我的效果:
                     

问题:
             代码是一样的 我的怎么都重叠在一起了   而不是向老师那样没有重叠(求教)?


代码补上:
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>Test1</title>

  6. <style type="text/css">
  7. .open{
  8. overflow: visible;
  9. }
  10. .close{
  11. overflow: hidden;
  12. }
  13. dl{

  14. overflow:hidden;
  15. height:16px;

  16. }

  17. </style>



  18. <script type="text/javascript">


  19. function list1(dtObj)
  20. {

  21. var dlObj=dtObj.parentNode;

  22. if(dlObj.className=="open")
  23. {
  24. dlObj.className="close";
  25. }
  26. else
  27. {
  28. dlObj.className="open";
  29. }
  30. }

  31. </script>


  32. </head>

  33. <body>


  34. <dl>
  35. <dt onclick="list1(this)">1111111111111111</dt>
  36. <dd>222222222222222222222</dd>
  37. <dd>33333333333333333333</dd>
  38. <dd>44444444444444444444</dd>
  39. <dd>55555555555555555555</dd>
  40. </dl>

  41. <dl>
  42. <dt onclick="list1(this)">1111111111111111</dt>
  43. <dd>222222222222222222222</dd>
  44. <dd>33333333333333333333</dd>
  45. <dd>44444444444444444444</dd>
  46. <dd>55555555555555555555</dd>
  47. </dl>
  48. <dl>
  49. <dt onclick="list1(this)">1111111111111111</dt>
  50. <dd>222222222222222222222</dd>
  51. <dd>33333333333333333333</dd>
  52. <dd>44444444444444444444</dd>
  53. <dd>55555555555555555555</dd>
  54. </dl>
  55. <dl>
  56. <dt onclick="list1(this)">1111111111111111</dt>
  57. <dd>222222222222222222222</dd>
  58. <dd>33333333333333333333</dd>
  59. <dd>44444444444444444444</dd>
  60. <dd>55555555555555555555</dd>
  61. </dl>






  62. </body>
  63. </html>
复制代码




评分

参与人数 1技术分 +2 收起 理由
何伟超 + 2

查看全部评分

3 个回复

倒序浏览
你的代码,弄出来看看撒
回复 使用道具 举报
可能你用了浮动的样式。
回复 使用道具 举报
yunzhongzhuhuo 发表于 2014-2-28 23:07
你的代码,弄出来看看撒

代码补上了  亲!
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 加入黑马