为了账号安全,请及时绑定邮箱和手机立即绑定

为什么我的无法实现选项卡切换,大神给看看

为什么我的无法实现选项卡切换,大神给看看

qq_安仁斗辣椒_0 2015-08-29 17:19:46
<!DOCTYPE html> <html> <head>     <meta charset="UTF-8">     <title>实践题 - 选项卡</title>     <style type="text/css">     ul,li,div{margin:0;     padding:0;         }         a{             text-decoration:none;             color:black;             border:1px solid ;             padding:5px;         }         ul{             list-style:none;                                   }         li{margin:10px;             display:inline;             font-weight:bold;             font-size:20px;         }       div{width:200px;       height:180px;       border:1px solid rgb(100,200,150);       padding-right:40px;       padding-left:10px;       margin:10px;                }        #box1{                  }       #box2{          display:none;       }       #box3{                     display:none;       }             </style>     <script type="text/javascript">               // JS实现选项卡切换     function a(b){         switch(b.innerHTML){             case "房产":var c=document.getElementById("box2");                   var d=document.getElementById("box3");                   var e=document.getElementById("box1");                   c.style.display="none";                   d.style.display="none";                   e.style.display="block"                   break             case "家居":var c=document.getElementById("box1");                   var d=document.getElementById("box3");                   var e=document.getElementById("box2");                   c.style.display="none";                   d.style.display="none";                   e.style.display="block"                   break             case "二手房":var c=document.getElementById("box1");                   var d=document.getElementById("box2");                   var e=document.getElementById("box3");                   c.style.display="none";                   d.style.display="none";                   e.style.display="block"                   break         }     }          </script>   </head> <body> <!-- HTML页面布局 --> <ul > <li><a href="javascript:a(this);">房产</a></li> <li><a href="javascript:a(this);">家居</a></li> <li><a href="javascript:a(this);">二手房</a></li>      </ul> <div id="box1">275万购昌平邻铁三居 总价20万买一居      200万内购五环三居 140万安家东三环      北京首现零首付楼盘 53万购东5环50平      京楼盘直降5000 中信府 公园楼王现房</div> <div id="box2">40平出租屋大改造 美少女的混搭小窝       经典清新简欧爱家 90平老房焕发新生       新中式的酷色温情 66平撞色活泼家居       瓷砖就像选好老婆 卫生间烟道的设计</div> <div id="box3">通州豪华3居260万 二环稀缺2居250w甩       西3环通透2居290万 130万2居限量抢购       黄城根小学学区仅260万 121平70万抛!       独家别墅280万 苏州桥2居优惠价248万</div>   </body> </html>
查看完整描述

2 回答

?
chenjs

TA贡献5条经验 获得超0个赞

嗯,大家一起加油

查看完整回答
反对 回复 2015-08-29
  • 2 回答
  • 0 关注
  • 1371 浏览
慕课专栏
更多

添加回答

代码语言

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信