Heim >Web-Frontend >js-Tutorial >js/jQuery简单实现选项卡功能_javascript技巧

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

WBOY
WBOYOriginal
2016-05-16 17:05:58968Durchsuche

第一种方法是用原生的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是借鉴与别人的方法,第二种是我在第一个方法的基础上编写的。。。
Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn