js/jQuery简单实现选项卡功能_javascript技巧

第一种方法是用原生的js代码如下：

复制代码 代码如下:

   
   
   
   

   

   
• 科技

   
• 旅游

   
• 娱乐

   

       
• 宏碁R7双转轴变形本评测：触摸板设计过于另类(图)

       
• 超薄加防水 索尼Xperia Tablet Z平板电脑评测

       
• 诺基亚Lumia 925评测 最好的WP8智能手机

       
• 联想IdeaPad S405评测 性能主流续航待提升

       
• 小辣椒M2智能手机评测: 再不换壳我们就该老了

       
• 联想K900内部构造 看国产神器多少国产货(组图)

       
• 联想K900内部构造 看国产神器多少国产货(组图)

       
• 网页换肤效果

       
• 联想K900内部构造 看国产神器多少国产货(组图)

   

   

       
• 爱上西雅图，美国全景游精选推荐

       
• 爱上西雅图，美国全景游精选推荐

       
• 爱上西雅图，美国全景游精选推荐

       
• 爱上西雅图，美国全景游精选推荐

       
• 爱上西雅图，美国全景游精选推荐

       
• 爱上西雅图，美国全景游精选推荐

       
• 爱上西雅图，美国全景游精选推荐

       
• 爱上西雅图，美国全景游精选推荐

       
• 爱上西雅图，美国全景游精选推荐

       
• 爱上西雅图，美国全景游精选推荐

       
• 爱上西雅图，美国全景游精选推荐

       
• 爱上西雅图，美国全景游精选推荐

       
• 爱上西雅图，美国全景游精选推荐

   

   

       
• 李安宣布辞拍美剧《暴君》：需要休息

       
• 李安宣布辞拍美剧《暴君》：需要休息

       
• 李安宣布辞拍美剧《暴君》：需要休息

       
• 李安宣布辞拍美剧《暴君》：需要休息

       
• 李安宣布辞拍美剧《暴君》：需要休息

       
• 李安宣布辞拍美剧《暴君》：需要休息

       
• 李安宣布辞拍美剧《暴君》：需要休息

       
• 李安宣布辞拍美剧《暴君》：需要休息

       
• 李安宣布辞拍美剧《暴君》：需要休息

       
• 李安宣布辞拍美剧《暴君》：需要休息

       
• 李安宣布辞拍美剧《暴君》：需要休息

   

第二种方法是用jQuery实现，代码比第一种简洁

复制代码 代码如下:

   
   
   
   
   

   

   
• 科技

   
• 旅游

   
• 娱乐

   

       
• 宏碁R7双转轴变形本评测：触摸板设计过于另类(图)

       
• 超薄加防水 索尼Xperia Tablet Z平板电脑评测

       
• 诺基亚Lumia 925评测 最好的WP8智能手机

       
• 联想IdeaPad S405评测 性能主流续航待提升

       
• 小辣椒M2智能手机评测: 再不换壳我们就该老了

       
• 联想K900内部构造 看国产神器多少国产货(组图)

       
• 联想K900内部构造 看国产神器多少国产货(组图)

       
• 网页换肤效果

       
• 联想K900内部构造 看国产神器多少国产货(组图)

   

   

       
• 爱上西雅图，美国全景游精选推荐

       
• 爱上西雅图，美国全景游精选推荐

       
• 爱上西雅图，美国全景游精选推荐

       
• 爱上西雅图，美国全景游精选推荐

       
• 爱上西雅图，美国全景游精选推荐

       
• 爱上西雅图，美国全景游精选推荐

       
• 爱上西雅图，美国全景游精选推荐

       
• 爱上西雅图，美国全景游精选推荐

       
• 爱上西雅图，美国全景游精选推荐

       
• 爱上西雅图，美国全景游精选推荐

       
• 爱上西雅图，美国全景游精选推荐

       
• 爱上西雅图，美国全景游精选推荐

       
• 爱上西雅图，美国全景游精选推荐

   

   

       
• 李安宣布辞拍美剧《暴君》：需要休息

       
• 李安宣布辞拍美剧《暴君》：需要休息

       
• 李安宣布辞拍美剧《暴君》：需要休息

       
• 李安宣布辞拍美剧《暴君》：需要休息

       
• 李安宣布辞拍美剧《暴君》：需要休息

       
• 李安宣布辞拍美剧《暴君》：需要休息

       
• 李安宣布辞拍美剧《暴君》：需要休息

       
• 李安宣布辞拍美剧《暴君》：需要休息

       
• 李安宣布辞拍美剧《暴君》：需要休息

       
• 李安宣布辞拍美剧《暴君》：需要休息

       
• 李安宣布辞拍美剧《暴君》：需要休息

   

第一种方法用原生的js是借鉴与别人的方法，第二种是我在第一个方法的基础上编写的。。。