Maison >interface Web >js tutoriel >js/jQuery简单实现选项卡功能_javascript技巧

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

WBOY
WBOYoriginal
2016-05-16 17:05:58969parcourir

第一种方法是用原生的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是借鉴与别人的方法,第二种是我在第一个方法的基础上编写的。。。
Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn