切换器

你好!切换到标签 3
再次你好!下一个标签
太棒了!上一个标签
你永远不会看到我!
4
5
你好!第一个项目。
再次你好!第二个项目。
太棒了!第三个项目。
你永远不会看到我!
4
5

动画

淡入淡出

你好!
再次你好!
太棒了!

底部滑入

你好!
再次你好!
太棒了!

左侧滑入

你好!
再次你好!
太棒了!

右侧滑入

你好!
再次你好!
太棒了!

水平滑动

你好!
再次你好!
太棒了!

垂直滑动

你好!
再次你好!
太棒了!

左侧小滑入

你好!
再次你好!
太棒了!

右侧小滑入

你好!
再次你好!
太棒了!

其他组件

左侧标签

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

右侧标签

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

按钮

链接

你好!
再次你好!
太棒了!

按钮组

链接

你好!
再次你好!
太棒了!

导航

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

子导航胶囊

你好!
再次你好!
太棒了!

JavaScript 选项

选项 默认 描述
connect CSS 选择器 ~.uk-switcher 相关项容器。默认情况下,是具有类 'uk-switcher' 的后续元素。
toggle CSS 选择器 > * > :first-child 切换选择器 - 点击时触发内容切换。
itemNav CSS 选择器 false 相关导航容器。默认情况下,导航项仅在相关项的容器中找到。
active 数字 0 初始化时的活动索引。(提供负数表示从集合末尾开始的位置)
animation 字符串 false 以空格分隔的动画名称。出场动画以逗号分隔。
duration 数字 200 动画持续时间。
swiping 布尔值 true 使用滑动。
followFocus 布尔值 false 选择自动跟随焦点。