动态操作
  • Tab1
  • Tab2
  • Tab3
  • Tab4
  • Tab5
  • Tab6
Tab Content-1
Tab Content-2
Tab Content-3
Tab Content-4
Tab Content-5
Tab Content-6

🔔 操作提示:在「标签头部」点击鼠标右键,可开启标签操作的更多实用演示

方法渲染
卡片风格

普通卡片

  • 标题1
  • 标题2
  • 跳转项
  • 禁选项
  • 标题5
  • 标题6
内容-1
内容-2
内容-3
内容-4
内容-5
内容-6

边框卡片

  • 标题1
  • 标题2
  • 标题3
  • 标题4
  • 标题5
  • 标题6
2
3
4
5
6
自定义事件

mouseenter 触发

  • 标题1
  • 标题2
  • 标题3
  • 标题4
  • 标题5
  • 标题6
内容-1
内容-2
内容-3
内容-4
内容-5
内容-6

mousedown 触发

  • 标题1
  • 标题2
  • 标题3
  • 标题4
  • 标题5
  • 标题6
内容-1
内容-2
内容-3
内容-4
内容-5
内容-6
通过 HASH 匹配选中标签
  • 标题题题题题题1
  • 标题题题2
  • 标题3
  • 标题题题题题题题4
  • 标题5
  • 标题6
  • 标题7
  • 标题题题题题题题8
标签嵌套
  • 标题1
  • 标题2
  • 标题3
  • 标题 1-1
  • 标题 1-2
1-1
1-2
  • 标题 2-1
  • 标题 2-2
  • 标题 2-3
2-1
2-2
2-3
3
4
5
给任意元素绑定 tabs 切换功能
内容 111
内容 222
内容 333