第一种方法是用原生的js代码如下：
复制代码 代码如下:
body,ul,li{margin:0;padding:0;}
body{font:12px/1.5 Tahoma;}
#outer{width:450px;margin:10px auto;}
#tab{overflow:hidden;zoom:1;background:#000;border:1px solid #000;}
#tab li{float:left;color:#fff;height:30px;cursor:pointer;line-height:30px;list-style-type:none;padding:0 20px;}
#tab li.current{color:#000;background:#ccc;}
#content{border:1px solid #000;border-top-width:0;}
#content ul{line-height:25px;display:none;margin:0 30px;padding:10px 0;}
- 科技
- 旅游
- 娱乐
- 宏碁R7双转轴变形本评测：触摸板设计过于另类(图)
- 超薄加防水 索尼Xperia Tablet Z平板电脑评测
- 诺基亚Lumia 925评测 最好的WP8智能手机
- 联想IdeaPad S405评测 性能主流续航待提升
- 小辣椒M2智能手机评测: 再不换壳我们就该老了
- 联想K900内部构造 看国产神器多少国产货(组图)
- 联想K900内部构造 看国产神器多少国产货(组图)
- 网页换肤效果
- 联想K900内部构造 看国产神器多少国产货(组图)
- 爱上西雅图，美国全景游精选推荐
- 爱上西雅图，美国全景游精选推荐
- 爱上西雅图，美国全景游精选推荐
- 爱上西雅图，美国全景游精选推荐
- 爱上西雅图，美国全景游精选推荐
- 爱上西雅图，美国全景游精选推荐
- 爱上西雅图，美国全景游精选推荐
- 爱上西雅图，美国全景游精选推荐
- 爱上西雅图，美国全景游精选推荐
- 爱上西雅图，美国全景游精选推荐
- 爱上西雅图，美国全景游精选推荐
- 爱上西雅图，美国全景游精选推荐
- 爱上西雅图，美国全景游精选推荐
- 李安宣布辞拍美剧《暴君》：需要休息
- 李安宣布辞拍美剧《暴君》：需要休息
- 李安宣布辞拍美剧《暴君》：需要休息
- 李安宣布辞拍美剧《暴君》：需要休息
- 李安宣布辞拍美剧《暴君》：需要休息
- 李安宣布辞拍美剧《暴君》：需要休息
- 李安宣布辞拍美剧《暴君》：需要休息
- 李安宣布辞拍美剧《暴君》：需要休息
- 李安宣布辞拍美剧《暴君》：需要休息
- 李安宣布辞拍美剧《暴君》：需要休息
- 李安宣布辞拍美剧《暴君》：需要休息
第二种方法是用jQuery实现，代码比第一种简洁
复制代码 代码如下:
body,ul,li{margin:0;padding:0;}
body{font:12px/1.5 Tahoma;}
#outer{width:450px;margin:10px auto;}
#tab{overflow:hidden;zoom:1;background:#000;border:1px solid #000;}
#tab li{float:left;color:#fff;height:30px;cursor:pointer;line-height:30px;list-style-type:none;padding:0 20px;}
#tab li.current{color:#000;background:#ccc;}
#content{border:1px solid #000;border-top-width:0;}
#content ul{line-height:25px;display:none;margin:0 30px;padding:10px 0;}
- 科技
- 旅游
- 娱乐
- 宏碁R7双转轴变形本评测：触摸板设计过于另类(图)
- 超薄加防水 索尼Xperia Tablet Z平板电脑评测
- 诺基亚Lumia 925评测 最好的WP8智能手机
- 联想IdeaPad S405评测 性能主流续航待提升
- 小辣椒M2智能手机评测: 再不换壳我们就该老了
- 联想K900内部构造 看国产神器多少国产货(组图)
- 联想K900内部构造 看国产神器多少国产货(组图)
- 网页换肤效果
- 联想K900内部构造 看国产神器多少国产货(组图)
- 爱上西雅图，美国全景游精选推荐
- 爱上西雅图，美国全景游精选推荐
- 爱上西雅图，美国全景游精选推荐
- 爱上西雅图，美国全景游精选推荐
- 爱上西雅图，美国全景游精选推荐
- 爱上西雅图，美国全景游精选推荐
- 爱上西雅图，美国全景游精选推荐
- 爱上西雅图，美国全景游精选推荐
- 爱上西雅图，美国全景游精选推荐
- 爱上西雅图，美国全景游精选推荐
- 爱上西雅图，美国全景游精选推荐
- 爱上西雅图，美国全景游精选推荐
- 爱上西雅图，美国全景游精选推荐
- 李安宣布辞拍美剧《暴君》：需要休息
- 李安宣布辞拍美剧《暴君》：需要休息
- 李安宣布辞拍美剧《暴君》：需要休息
- 李安宣布辞拍美剧《暴君》：需要休息
- 李安宣布辞拍美剧《暴君》：需要休息
- 李安宣布辞拍美剧《暴君》：需要休息
- 李安宣布辞拍美剧《暴君》：需要休息
- 李安宣布辞拍美剧《暴君》：需要休息
- 李安宣布辞拍美剧《暴君》：需要休息
- 李安宣布辞拍美剧《暴君》：需要休息
- 李安宣布辞拍美剧《暴君》：需要休息
第一种方法用原生的js是借鉴与别人的方法，第二种是我在第一个方法的基础上编写的。。。
