jQuery实现TAB选项卡切换特效简单演示

本文实例为大家分享jQuery实现TAB选项卡切换特效,供大家参考,具体内容如下

1、tab切换 on

jQuery实现TAB选项卡切换特效简单演示_第1张图片




  
  jQuery tab切换
  


    
  • 电影
  • 电脑
  • 冰箱
  • 空调
  • A
  • B
  • C
  • D
  • 电影
  • 电脑
  • 冰箱
  • 空调
  • A
  • B
  • C
  • D
  • 电影
  • 电脑
  • 冰箱
  • 空调
  • A
  • B
  • C
  • D
  • 电影
  • 电脑
  • 冰箱
  • 空调
  • A
  • B
  • C
  • D

2、tab切换 mouseenter

效果图:

jQuery实现TAB选项卡切换特效简单演示_第2张图片




  
  jQuery tab切换
  


    
  • 电影
  • 电脑
  • 冰箱
  • 空调
  • A
  • B
  • C
  • D
  • 电影
  • 电脑
  • 冰箱
  • 空调
  • A
  • B
  • C
  • D
  • 电影
  • 电脑
  • 冰箱
  • 空调
  • A
  • B
  • C
  • D
  • 电影
  • 电脑
  • 冰箱
  • 空调
  • A
  • B
  • C
  • D

以上就是本文的全部内容,希望对大家的学习有所帮助。

你可能感兴趣的:(jQuery实现TAB选项卡切换特效简单演示)