ホームページ >ウェブフロントエンド >jsチュートリアル >js/jQuery简单实现选项卡功能_javascript技巧

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

WBOY
WBOYオリジナル
2016-05-16 17:05:58969ブラウズ

第一种方法是用原生的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是借鉴与别人的方法,第二种是我在第一个方法的基础上编写的。。。
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。