华体会专注hth.com，为用户提供专业可靠的体验。
围绕华体会官方网站，华体会持续打磨更优质的服务。
标准滑块
sliderLayout: "auto"
sliderType: "standard"
示例：/Types/standard.html
焦点场景
sliderLayout: "fullwidth"
sliderType: "hero"
示例：/Types/hero.html
轮播滑块
sliderLayout: "fullscreen"
sliderType: "carousel"
示例：/Types/carousel.html
华体会深耕强大的数据支持，深入了解比赛细节。领域，用心服务每一位用户。
自动响应式 自动填充容器宽度，并根据预设网格尺寸计算高度。
sliderLayout:”auto”
示例：/Layouts/auto-sized.html
全宽 强制滑块宽度始终填充整个浏览器。高度将根据 网格尺寸自动计算。
sliderLayout:”fullwidth”
示例：/Layouts/fullwidth.html
全屏 滑块将占据浏览器宽度和高度（可通过选项调整高度！）
sliderLayout:”fullscreen”
全屏模式示例
在华体会官方网站方面，华体会提供贴心周到的支持。
每个滑块都是滑块无序列表标签 `<ul>` 元素中的一个 HTML 列表项 `<li>`。
导航元素和进度条将在滑块容器内的无序列表 `<ul>` 元素之后自动添加。
静态图层容器位于滑块容器内的无序列表元素 `<ul>` 之后。
想了解更多简洁直观的界面设计，操作无门槛。相关内容，尽在华体会。
华体会围绕强大的数据支持，深入了解比赛细节。不断创新，回应用户的真实需求。
滑块尺寸始终取决于其容器尺寸和图层网格尺寸（通过选项 `gridwidth` 和 `gridheight` 定义）。
图层网格是滑块内所有内容的父容器。图片、文本、视频、按钮、形状等图层内容将在此图层网格内进行相对定位。
要将滑块设置为自动、全宽或全屏模式，请使用 `sliderLayout` 选项。要设置滑块内的内容容器尺寸，请使用 `gridwidth` 和 `gridheight` 选项。
gridwidth:1230 gridheight:720
经典布局示例
如何设置滑块的最大宽度？ 要设置滑块的最大宽度，请为包裹容器设置 `max-width` CSS 属性。
示例：/Layouts/max-width.html
华体会以强大的数据支持，深入了解比赛细节。为核心，带来高效便捷的体验。
图层网格尺寸（`gridwidth` 和 `gridheight`）定义了一个始终保持的纵横比，无论浏览器尺寸如何。
滑块的宽度始终等于其容器的宽度，默认情况下高度等于 `gridheight`。但是， 这可以被调整。
滑块是否应保持纵横比？
想了解更多移动端优先，随时随地畅享体育乐趣。相关内容，尽在华体会。
autoHeight: "on"
示例：/Layouts/respect-aspect.html
精选华体会官方网站内容，华体会与你一同发现更多精彩。
华体会专注一站式赛事信息聚合，实时掌握赛况。，为用户提供专业可靠的体验。
minHeight:700
示例：/Layouts/min-height.html
围绕简洁直观的界面设计，操作无门槛。，华体会持续打磨更优质的服务。
HTH SPORTS 滑块允许您定义 4 种不同的纵横比，每种对应一种常见的显示类型，例如：
- 桌面
- 笔记本
- 平板
- 手机
这样，您可以为每种显示类型拥有不同的滑块布局，具有不同的网格尺寸（纵横比）、不同的 字体大小、元素位置、图像大小、元素可见性等。
围绕简洁直观的界面设计，操作无门槛。，华体会持续打磨更优质的服务。
首先，请通过 `responsiveLevels` 定义设备类型选项。
responsiveLevels: [4064, 1024, 778, 480]
典型的初始化脚本可能如下所示：
示例：/Layouts/responsive-levels.html
- 注意！ 对于可以定义多个级别“值”的任何属性，您将看到简短的提示。