欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

jQuery实现的一个tab切换效果内部还嵌有切换_jquery

程序员文章站 2022-05-17 17:17:49
...
大致效果如图

jQuery实现的一个tab切换效果内部还嵌有切换_jquery

下面是代码:自己导入jQuery包。

样式:

js代码:


html结构:

  • 要闻
  • 国内
  • 时尚
  • 旅游
  • 科技
  • 01
  • 02
  • 03
1aaa看你是些在li标签里面还是些在li 的a标签里面如果是1aaa
1bbb看你是些在li标签里面还是些在li 的a标签里面如果是1bbb
1ccc看你是些在li标签里面还是些在li 的a标签里面如果是1ccc
  • 01
  • 02
  • 03
2aaa看你是些在li标签里面还是些在li 的a标签里面如果是1aaa
2bbb看你是些在li标签里面还是些在li 的a标签里面如果是1bbb
2ccc看你是些在li标签里面还是些在li 的a标签里面如果是1ccc
  • 01
  • 02
  • 03
3aaa看你是些在li标签里面还是些在li 的a标签里面如果是3aaa
3bbb看你是些在li标签里面还是些在li 的a标签里面如果是3bbb
3ccc看你是些在li标签里面还是些在li 的a标签里面如果是3ccc
  • 01
  • 02
  • 03
4aaa看你是些在li标签里面还是些在li 的a标签里面如果是4aaa
4bbb看你是些在li标签里面还是些在li 的a标签里面如果是4bbb
4ccc看你是些在li标签里面还是些在li 的a标签里面如果是4ccc
  • 01
  • 02
  • 03
5aaa看你是些在li标签里面还是些在li 的a标签里面如果是5aaa
5bbb看你是些在li标签里面还是些在li 的a标签里面如果是5bbb
5ccc看你是些在li标签里面还是些在li 的a标签里面如果是5ccc
相关标签: jQuery tab切换