1  1  2  2  3  3   4  4   
        5  5    6  6   
        7  7    8  8    9  9 10 10  11 11  12 12     
       
        13 13 14 14         
        
         15 15             
         
          16 16                 
          
公告
17 17                 
          
规则
18 18                 
          
论坛
19 19                 
          
安全
20 20                 
          
公益
21 21             
         
22 22         
        
        23 23 24 24         
        
         25 25             
         
          26 26                 
          
张勇：要玩快乐足球
27 27                 
          
阿里200万灾区
28 28                 
          
旅游宝让你边玩边赚钱
29 29                 
          
多行跟进阿里贷款
30 30             
         
31 31             
         
          32 32                 
          
[通知]滥发即将换新
33 33                 
          
淘宝执行大众评审
34 34                 
          
个人信息泄露严重
35 35                 
          
卖家防范红包诈骗提醒
36 36             
         
37 37             
         
          38 38                 
          
商品属性限制
39 39                 
          
又爱又恨代金券
40 40                 
          
购物后商家送红包
41 41                 
          
比特币严管啦
42 42             
         
43 43             
         
          44 44                 
          
金牌卖家再起航
45 45                 
          
橱窗规则在升级
46 46                 
          
走进无声课堂
47 47                 
          
注意骗子的新技术
48 48             
         
49 49             
         
          50 50                 
          
爱心品牌联合
51 51                 
          
金发商品属性
52 52                 
          
更换收货地址在的
53 53                 
          
各公益机构淘宝开店
54 54             
         
55 55         
        
        56 56 57 57     
       
       58 58   59 59  60 60 

1 *{
     margin:0; 2   padding:0;} 3 .wrap{ 4     width:300px; 5     height:100px; 6     border:1px solid #8E8E8E; 7     margin:10px; 8 } 9 10 .top{11     height:25px;12     background-color:#CAC8C8;13     }14 .top a{15     text-decoration:none;16     }17 .top a:hover{18     color:red;19     }20 .top li{21     list-style:none;22     float:left;23     width:59px;24     height:25px;25     text-align:center;26     line-height:25px;27     }28 29 .content{30     font-size:12px;31     overflow:hidden;32     height:70px;33     width:300px;34     line-height:25px;35     }36 .content li{37     float:left;38     list-style:none;39     width:140px;40     margin:6px 5px; 41     }42 .top li.tpChange{43     background-color:white;44     font-weight:bold;45     }

1 $(function(){ 2             var top_li=$(".top ul li"); 3             top_li.click(function(){ 4             $(this).addClass("tpChange") 5                    .siblings().removeClass("tpChange"); 6             var index=top_li.index(this); 7             $(".content > ul").eq(index).show() 8                               .siblings().hide(); 9             })10 });

遇到的问题：

1.引入js时，要先引入jQuery的js，再引入其他js，否则加载会出错。

2。注意css中tpChange类的写法

.top li.tpChange{     background-color:white;     font-weight:bold; }

的写法，不能只写.tpChange。