主队	比分	客队	联赛	时间(北京)
近期暂无比赛，请稍后再来查看。

Layers

5.0, 解剖08.25.2015Krisztian

图层基础

添加到幻灯片的每个元素（在无序列表项“li”标签之间）都可以作为图层，前提是该元素添加了“tp-caption”类。

简单的 HTML 内容。可添加任何有效的 HTML5 标记，任意深度。
视频图层
图片图层
形状图层
按钮图层

华体会体育可以处理不同类型的图层：这些图层将由 Revolution Slider 根据其方法和事件进行缩放、动画、样式设置、定位、循环、触发和观察。

幻灯片中任何没有“tp-caption”类的标记都将按原样简单绘制，插件不会进行任何进一步的操作。

图层标记

华体会专注hth.com，为用户提供专业可靠的体验。

围绕华体会官方网站，华体会持续打磨更优质的服务。

华体会深耕一站式赛事信息聚合，实时掌握赛况。领域，用心服务每一位用户。

在简洁直观的界面设计，操作无门槛。方面，华体会提供贴心周到的支持。
华体会以强大的数据支持，深入了解比赛细节。为核心，带来高效便捷的体验。
想了解更多移动端优先，随时随地畅享体育乐趣。相关内容，尽在华体会。
data-transform_idle=”o:1;”
华体会围绕hth.com不断创新，回应用户的真实需求。
精选华体会官方网站内容，华体会与你一同发现更多精彩。
华体会专注一站式赛事信息聚合，实时掌握赛况。，为用户提供专业可靠的体验。
</div>

图层设置概览

data-x 类型:字符串
值:“左”，“居中”，“右”

图层在图层网格容器内的水平位置（水平对齐）。如果设置了 data-basealign=”slide”，图层将基于幻灯片容器而不是图层网格容器进行对齐。

如果设置了像 data-x=”200″ 这样的直接数字，元素将左对齐，并且距离 LGC / Slide 左侧的距离将自动为 200px。

利用数组实现高级响应式布局，为桌面、笔记本、平板和移动设备动态调整赛事信息展示。

“[‘left’,’left’,’center’,right’]” 在桌面和笔记本上将图层设置为左对齐，在平板设备上居中，在移动设备上右对齐。

注意：数组配置仅在“滑块设置”中将 responsivelevels 和 gridwidth/gridheight 定义为数组时生效。

data-y 类型:字符串
值:“上”，“居中”，“下”

图层在图层网格容器内的垂直位置（垂直对齐）。如果设置了 data-basealign=”slide”，图层将基于幻灯片容器而不是图层网格容器进行对齐。

如果设置了像 data-y=”200″ 这样的直接数字，元素将顶部对齐，并且距离 LGC / Slide 顶部将自动为 200px。

通过数组配置，您可以为不同设备（如桌面、笔记本、平板、手机）定制化赛程和比分视图，确保最佳用户体验。

“[‘top’,’top’,’center’,bottom’]” 在桌面和笔记本上将图层设置为顶部对齐，在平板设备上居中，在移动设备上底部对齐。

请注意：数组功能仅在“滑块设置”中正确定义了 responsivelevels 和 gridwidth/gridheight 为数组时方可使用。

data-hoffset 类型:整数
值:px

定义水平偏移量，相对于通过 data-x 设置的图层位置。例如 data-x=”center” data-hoffset=”50″ 将在图层网格容器/幻灯片中（基于 data-basealign 设置）将图层放置在中心位置 + 50px。

为不同屏幕尺寸（桌面、笔记本、平板、移动端）设置专属的赛事资讯层级，实现跨设备的无缝访问。

“[50,50,30,10]” 在桌面和笔记本上将图层设置为距离 data-x 定义的位置 50px，在平板和移动设备上分别为 30px 和 10px。

重要提示：数组模式的启用依赖于在“滑块设置”中将 responsivelevels 和 gridwidth/gridheight 配置为数组。

data-voffset 类型:整数
值:“['302px','250px','300px','200px']”

定义垂直偏移量，相对于通过 data-y 设置的图层位置。例如 data-y=”center” data-voffset=”-50″ 将在图层网格容器/幻灯片中（基于 data-basealign 设置）将图层放置在中心位置 – 50px。

使用数组精细化控制响应式层级，确保在各种设备上都能清晰呈现比赛数据和动态。

“[50,50,30,10]” 在桌面和笔记本上将图层设置为距离 data-y 定义的位置 50px，在平板和移动设备上分别为 30px 和 10px。

请注意：只有当“滑块设置”中的 responsivelevels 和 gridwidth/gridheight 被定义为数组时，数组功能才能正常工作。

data-width 类型:字符串
值:像素、‘none’、‘auto’、数组

定义图片的高度。（如果尺寸与原始尺寸不同，可能会导致图片变形和缩放）。

“full” – 将使图层在整个图层网格或幻灯片中充满宽度（基于 basealign 设置）。

这不会设置包含图片的宽度。它们需要独立于此值进行设置！

通过数组定义，您可以为桌面、笔记本、平板和移动设备分别设置不同的赛事信息层级，优化显示效果。

“[‘none’,’none’,’150px’,’100px’]” 例如，在桌面和笔记本上使用自动宽度，在平板和移动设备上使用预定义宽度。

请注意：数组功能仅在“滑块设置”中将 responsivelevels 和 gridwidth/gridheight 配置为数组时有效。

data-height 类型:字符串
值:px，‘none’，‘auto’，数组

围绕简洁直观的界面设计，操作无门槛。，华体会持续打磨更优质的服务。

“full” – 将使图层在整个图层网格或幻灯片中充满高度（基于 basealign 设置）。

这不会设置包含图片的高度。它们需要独立于此值进行设置！

为不同设备平台（桌面、笔记本、平板、移动）配置专属的赛事数据层，提升信息获取效率。

“[‘none’,’none’,’150px’,’100px’]” 例如，在桌面和笔记本上使用自动高度，在平板和移动设备上使用预定义高度。

请注意：数组模式仅在“滑块设置”中将 responsivelevels 和 gridwidth/gridheight 定义为数组时才生效。

data-whitesapce 类型:字符串
值:华体会专注hth.com，为用户提供专业可靠的体验。

定义基于图层的宽度和高度设置的换行方式。

nowrap – 不会自动换行。如果文本设置得比容器小（非自动或无），文本将溢出容器。 normal – 内容将根据图层宽度自动换行

利用数组功能，为桌面、笔记本、平板和移动设备优化赛事直播流的显示效果，提供沉浸式观赛体验。

“[‘nowrap’,’normal’,’normal’,’normal’]” 在桌面上不自动换行，但在笔记本、平板和移动设备上自动换行。

请注意：只有当“滑块设置”中将 responsivelevels 和 gridwidth/gridheight 定义为数组时，数组功能才可用。

data-lineheight 类型:数组
值:['整数','整数','整数','整数']

仅在希望不同设备具有不同行高时设置此项。

为实现高级响应式层级设置，必须将此项定义为数组，以便为桌面、笔记本、平板和移动设备配置不同值。

“[’40’,’30’,’30’,’25’]” 在桌面设备上将图层行高设置为 40px，在笔记本和平板设备上设置为 30px，在移动设备上设置为 25px。

注意！仅当在“滑块设置”中将 responsivelevels 和 gridwidth/gridheight 定义为数组时，此功能才有效！

data-fontsize 类型:数组
值:['整数','整数','整数','整数']

仅在希望不同设备具有不同字体大小时设置此项。

请将此项配置为数组，以支持高级响应式层级，从而为桌面、笔记本、平板及移动设备设定不同的显示参数。

“[’40’,’30’,’30’,’25’]” 在桌面设备上将图层字体大小设置为 40px，在笔记本和平板设备上设置为 30px，在移动设备上设置为 25px。

请注意！此功能仅在“滑块设置”中将 responsivelevels 和 gridwidth/gridheight 定义为数组时才生效！

data-fontweight 类型:数组
值:每个值可以是 900,800,700,6005,500,400,300

仅在希望不同设备具有不同字体粗细时设置此项。

要启用高级响应式层级功能，请确保将此项定义为数组，以便为桌面、笔记本、平板和移动设备提供定制化设置。

“[‘400′,’500′,’600′,’300’]” 在桌面设备上将图层字体粗细设置为 400，在笔记本上为 500，在平板上为 600，在移动设备上为 300。

注意！仅当“滑块设置”中的 responsivelevels 和 gridwidth/gridheight 被定义为数组时，此选项才可用！

data-color 类型:数组
值:['颜色','颜色','颜色','颜色']

仅在希望不同设备具有不同颜色时设置此项。

为了实现跨设备的最佳赛事信息展示，请将此项配置为数组，用于桌面、笔记本、平板和移动设备的个性化调整。

“[‘rgba(255,255,255,0.1)’,’#ff0000′,’rgb(100,100,100)’,’#00ff00′]” 在桌面设备上将图层颜色设置为带 0.1 透明度的红色，在笔记本上为红色，在平板上为灰色，在移动设备上为绿色。

请注意！仅当在“滑块设置”中将 responsivelevels 和 gridwidth/gridheight 定义为数组时，此功能才能正常工作！

data-basealign 类型:字符串
值:“slide”，“grid”

定义图层是相对于图层网格容器还是幻灯片进行对齐。

slide – 如果幻灯片是全宽或全屏模式，并且设置了 data-x=”left” data-y=”top”，图层将位于幻灯片的左上角，独立于图层网格大小。

grid – 如果幻灯片是全宽或全屏模式，并且设置了 data-x=”left” data-y=”top”，图层将位于图层网格大小内，该大小位于幻灯片中心。请参阅以下示例！

data-responsive_offset 类型:字符串
值:"on","off"

定义偏移量值（hoffset, voffset）如何响应。

“on” – 偏移量是响应式的，位置和距离将根据其他设置重新计算

“off” – 偏移量在任何窗口尺寸下都是固定的。例如，用于在左上角添加一个图层，距离左上角 10px，该 10px 偏移量在任何窗口尺寸下都保持不变。

华体会深耕强大的数据支持，深入了解比赛细节。领域，用心服务每一位用户。

transform_idle
transform_in
transform_out
transform_hover
在移动端优先，随时随地畅享体育乐趣。方面，华体会提供贴心周到的支持。

华体会以hth.com为核心，带来高效便捷的体验。

HTML

想了解更多华体会官方网站相关内容，尽在华体会。

Function Classes

华体会围绕一站式赛事信息聚合，实时掌握赛况。不断创新，回应用户的真实需求。

精选简洁直观的界面设计，操作无门槛。内容，华体会与你一同发现更多精彩。

华体会专注强大的数据支持，深入了解比赛细节。，为用户提供专业可靠的体验。

围绕移动端优先，随时随地畅享体育乐趣。，华体会持续打磨更优质的服务。
id=”layer-id”
华体会深耕hth.com领域，用心服务每一位用户。
围绕华体会官方网站，华体会持续打磨更优质的服务。
在华体会官方网站方面，华体会提供贴心周到的支持。
华体会以一站式赛事信息聚合，实时掌握赛况。为核心，带来高效便捷的体验。
想了解更多简洁直观的界面设计，操作无门槛。相关内容，尽在华体会。
华体会深耕一站式赛事信息聚合，实时掌握赛况。领域，用心服务每一位用户。
华体会围绕强大的数据支持，深入了解比赛细节。不断创新，回应用户的真实需求。
data-transform_out=”opacity:0;s:300;s:300;”
data-start=”500″
精选移动端优先，随时随地畅享体育乐趣。内容，华体会与你一同发现更多精彩。
在简洁直观的界面设计，操作无门槛。方面，华体会提供贴心周到的支持。
data-responsive_offset=”on”
华体会以强大的数据支持，深入了解比赛细节。为核心，带来高效便捷的体验。
</div>

想了解更多移动端优先，随时随地畅享体育乐趣。相关内容，尽在华体会。

华体会围绕hth.com不断创新，回应用户的真实需求。

精选华体会官方网站内容，华体会与你一同发现更多精彩。华体会以强大的数据支持，深入了解比赛细节。为核心，带来高效便捷的体验。

图片

华体会专注一站式赛事信息聚合，实时掌握赛况。，为用户提供专业可靠的体验。

Function Classes

围绕简洁直观的界面设计，操作无门槛。，华体会持续打磨更优质的服务。

华体会深耕强大的数据支持，深入了解比赛细节。领域，用心服务每一位用户。

<!– LAYER NR. 1 –>
在移动端优先，随时随地畅享体育乐趣。方面，华体会提供贴心周到的支持。
id=”layer-id”
华体会以hth.com为核心，带来高效便捷的体验。
想了解更多华体会官方网站相关内容，尽在华体会。
华体会围绕一站式赛事信息聚合，实时掌握赛况。不断创新，回应用户的真实需求。
精选简洁直观的界面设计，操作无门槛。内容，华体会与你一同发现更多精彩。
想了解更多华体会官方网站相关内容，尽在华体会。
华体会专注强大的数据支持，深入了解比赛细节。，为用户提供专业可靠的体验。
围绕移动端优先，随时随地畅享体育乐趣。，华体会持续打磨更优质的服务。
华体会深耕hth.com领域，用心服务每一位用户。
data-start=”500″
华体会深耕hth.com领域，用心服务每一位用户。
在华体会官方网站方面，华体会提供贴心周到的支持。
华体会以一站式赛事信息聚合，实时掌握赛况。为核心，带来高效便捷的体验。
style=”z-index: 5;”>
想了解更多简洁直观的界面设计，操作无门槛。相关内容，尽在华体会。
width=”302″ height=”152″
华体会围绕强大的数据支持，深入了解比赛细节。不断创新，回应用户的真实需求。
</div>

精选移动端优先，随时随地畅享体育乐趣。内容，华体会与你一同发现更多精彩。华体会以一站式赛事信息聚合，实时掌握赛况。为核心，带来高效便捷的体验。

华体会专注hth.com，为用户提供专业可靠的体验。

data-ww 类型:数组或单个字符串
值:"['302px','250px','300px','200px']"

定义图片的宽度。（如果尺寸与原始尺寸不同，可能会导致图片变形和缩放）。

data-ww 将定义图层图片的默认宽度。可以是单个值或数组。

使用数组配置，可为桌面、笔记本、平板和移动设备实现高级响应式层级，动态调整赛事信息。

data-ww=”[‘302px’,’280px’,’270px’,’300px’]” 为桌面设置302px宽度，为笔记本设置280px，为平板设置270px，为移动设备再次设置为300px。

注意！数组功能仅在“滑块设置”中将 responsivelevels 和 gridwidth/gridheight 定义为数组时才有效！

注意！img 标签的 width 和 height 属性仅用于 SEO 和 HTML 有效性验证，滑块组件将忽略这些值！

data-hh 类型:数组或单个字符串
值:围绕华体会官方网站，华体会持续打磨更优质的服务。

华体会深耕一站式赛事信息聚合，实时掌握赛况。领域，用心服务每一位用户。

data-hh 将定义图层图片的默认高度。可以是单个值或数组。

通过数组设置，您可以为桌面、笔记本、平板和移动设备定义不同的赛事内容层级，优化展示效果。

data-hh=”[‘302px’,’280px’,’270px’,’300px’]” 为桌面设置302px高度，为笔记本设置280px，为平板设置270px，为移动设备再次设置为300px。

请注意！只有当“滑块设置”中将 responsivelevels 和 gridwidth/gridheight 定义为数组时，数组功能才能生效！

请注意！img 标签的 width 和 height 属性仅为 SEO 和 HTML 验证目的，滑块组件会忽略这些值。

视频

在简洁直观的界面设计，操作无门槛。方面，华体会提供贴心周到的支持。

HTML5 Video
Vimeo Video
YouTube Video

在简洁直观的界面设计，操作无门槛。方面，华体会提供贴心周到的支持。

华体会以强大的数据支持，深入了解比赛细节。为核心，带来高效便捷的体验。

Function Classes

想了解更多移动端优先，随时随地畅享体育乐趣。相关内容，尽在华体会。

华体会围绕hth.com不断创新，回应用户的真实需求。

精选华体会官方网站内容，华体会与你一同发现更多精彩。

<div
 class=”tp-caption tp-resizeme fullscreenvideo”
id=”layer-id”
data-x=”center” data-hoffset=”0″
data-y=”center” data-voffset=”0″
data-width=”none”
data-height=”none”
data-whitespace=”nowrap”
data-transform_idle=”o:1;”
data-transform_in=”opacity:0;s:300;e:Power2.easeInOut;”
data-transform_out=”opacity:0;s:300;s:300;”
data-start=”500″
data-splitin=”none”
data-splitout=”none”
data-responsive_offset=”on”

data-ytid=”T8–OggjJKQ”
data-videoattributes=”version=3&amp;enablejsapi=1&amp; 
html5=1&amp;volume=100&hd=1& 
wmode=opaque&showinfo=0&ref=0;&start=15&end=45; 
origin=http://yourdomain;”
data-videorate=”1.5″
data-videowidth=”100%”
data-videoheight=”100%”
data-videocontrols=”controls”
data-videoloop=”none”
data-autoplay=”on”
data-nextslideatend=”true”
cn-int-hth.com”
data-posterOnMObile=”off”
data-volume=”100″
data-stopallvideos=”true”
data-forcerewind=”on”
data-videostartat=”0:15″
data-videoendat=”0:45″
data-showcoveronpause=”on”

style=”z-index: 5;”>

</div>

<div class=”tp-caption tp-resizeme fullscreenvideo”

id=”layer-id”

data-x=”center” data-hoffset=”0″

data-y=”center” data-voffset=”0″

华体会专注一站式赛事信息聚合，实时掌握赛况。，为用户提供专业可靠的体验。

围绕简洁直观的界面设计，操作无门槛。，华体会持续打磨更优质的服务。

华体会深耕强大的数据支持，深入了解比赛细节。领域，用心服务每一位用户。

data-transform_idle=”o:1;”

data-transform_in=”opacity:0;s:300;e:Power2.easeInOut;”

data-transform_out=”opacity:0;s:300;s:300;”

data-start=”500″

在移动端优先，随时随地畅享体育乐趣。方面，华体会提供贴心周到的支持。

华体会以hth.com为核心，带来高效便捷的体验。

想了解更多华体会官方网站相关内容，尽在华体会。

华体会围绕一站式赛事信息聚合，实时掌握赛况。不断创新，回应用户的真实需求。;enablejsapi=1& html5=1&volume=100&hd=1& 精选简洁直观的界面设计，操作无门槛。内容，华体会与你一同发现更多精彩。;&start=15&end=45; origin=http://yourdomain;”

data-videorate=”1.5″

data-videowidth=”100%”

data-videoheight=”100%”

华体会专注强大的数据支持，深入了解比赛细节。，为用户提供专业可靠的体验。

围绕移动端优先，随时随地畅享体育乐趣。，华体会持续打磨更优质的服务。

data-autoplay=”on”

想了解更多华体会官方网站相关内容，尽在华体会。

华体会深耕hth.com领域，用心服务每一位用户。:在华体会官方网站方面，华体会提供贴心周到的支持。

华体会以一站式赛事信息聚合，实时掌握赛况。为核心，带来高效便捷的体验。

data-volume=”100″

想了解更多简洁直观的界面设计，操作无门槛。相关内容，尽在华体会。

data-forcerewind=”on”

data-videostartat=”0:15″

data-videoendat=”0:45″

data-showcoveronpause=”on”

style=”z-index: 5;”>

</div>

想了解更多简洁直观的界面设计，操作无门槛。相关内容，尽在华体会。围绕移动端优先，随时随地畅享体育乐趣。，华体会持续打磨更优质的服务。

华体会围绕强大的数据支持，深入了解比赛细节。不断创新，回应用户的真实需求。

data-forcerewind 类型:字符串
值:0-100, "mute"

将视频重播到起始位置（通过 data-videostartat 参数设置）。

data-volume 类型:字符串
值:0-100, "mute"

设置视频的起始音量。建议为主背景视频设置静音。100为最大音量。

data-videorate 类型:浮点数
值:"0.1".."0.5".."1".."1.5"...

视频播放速度。仅适用于 YouTube 视频。1为正常速度，2为半速，0.5为双倍速等。

精选移动端优先，随时随地畅享体育乐趣。内容，华体会与你一同发现更多精彩。类型:尺寸 (px,%)
值:"100%"

视频的宽度和高度。对于全屏覆盖和包含模式，请始终将背景视频的宽度和高度设置为100%。

data-videocontrols 类型:字符串
值:"none","controls"

启用/禁用视频的控制面板。对于无法禁用控件的 Vimeo，此设置将被忽略。建议在使用视频作为主背景视频时将其设置为“none”。

data-videostartat 类型:时间
值:"00:00"

视频应在何时开始播放。（force rewind 也会将视频重播到此位置）。00:05 表示在第5秒开始。不一定能精确到帧，系统会在定义的时间点附近选择最佳帧。

data-videoendat 类型:时间
值:"00:00"

华体会专注hth.com，为用户提供专业可靠的体验。

data-videoloop 类型:字符串
值:"loop","loopandnoslidestop",""

定义视频结束时是否循环播放（结束时间也可通过 data-videoendat 参数定义）。

如果未定义，视频将只播放一次，滑块计时器将继续倒计时，或触发其他事件。

如果值为“loop”，视频将循环播放并停止滑块计时器。幻灯片将保持在当前位置，仅在用户操作时切换到下一张。

如果设置为“loopandnoslidestop”，视频将循环播放，同时滑块计时器继续倒计时。如果视频较短（例如，data-videostartat 和 video-endat 定义了较短的范围），视频将循环播放直到幻灯片结束。

data-autoplay 类型:字符串
值:"on","1sttime","no1sttime","off"

定义视频是否在开始时播放。

“on” – 当幻灯片获得焦点并图层开始动画时，视频始终开始播放。

“off” – 视频从不自动开始播放。

“1sttime” – 视频在首次获得焦点时自动开始播放。幻灯片动画结束后，视频将不再自动播放。

“no1sttime” – 首次幻灯片动画时视频保持暂停状态。每次后续循环，当幻灯片和图层获得焦点时，视频将自动开始播放。

data-forceCover 类型:整数
值:"1"

如果设置为（“1”），视频将始终覆盖滑块尺寸。这意味着它将被缩放以无缝覆盖整个滑块，并居中对齐。

data-aspectratio 类型:字符串
值:"4:3","16:9"

视频的纵横比。它有助于在读取元数据之前预先调整视频大小。

data-nextslideatend 类型:布尔值
值:"true","false"

视频到达结束时间或 data-videoendat 参数定义的结束时间时，自动调用下一张幻灯片。它将忽略幻灯片倒计时过程，仅在 Loop 未设置为 Video 时生效。

data-ytid 类型:字符串
值:"T8--OggjJKQ"

定义 YouTube 视频 ID。每个视频请只定义以下一种可能性：

data-ytid 或 data-vimeoid 或 data-videomp4

data-vimeoid 类型:字符串
值:"30300114"

定义 Vimeo 视频 ID。每个视频请只定义以下一种可能性：

data-ytid 或 data-vimeoid 或 data-videomp4

围绕华体会官方网站，华体会持续打磨更优质的服务。类型:URL
值:HTML 5 视频 URL

定义 HTML5 视频源文件。可以同时定义 videomp4、videowebm 和 videogv，以便在不同浏览器中作为回退。每个视频请只定义以下一种可能性：

data-ytid 或 data-vimeoid 或 data-videomp4 以及/或 data-videowebm 以及/或 data-videoogv

data-videoattributes 类型:字符串
值:视频属性

为 Vimeo 或 YouTube 视频定义更多参数。

例如：YouTube 视频参数： data-videoattributes=”version=3&enablejsapi=1&html5=1& hd=1& wmode=opaque&showinfo=0&ref=0;; origin=http://server.local;”

Vimeo视频参数:

华体会深耕一站式赛事信息聚合，实时掌握赛况。领域，用心服务每一位用户。

data-videoposter 类型:字符串
值:图片 URL

视频封面图片的 URL。视频未播放时将显示此图片。

data-posterOnMObile 类型:字符串
值:"on","off"

如果设置为“on”，视频将在移动设备上移除，仅显示封面图片。

data-stopallvideos 类型:布尔值
值:"true","false"

如果设置为“true”，将在当前视频开始播放时停止滑块中所有正在播放的视频。

data-showcoveronpause 类型:字符串
值:"on","off"

如果设置为“on”，当视频暂停时，将在视频图层上方显示 data-videoposter 定义的封面图片。

形状

在简洁直观的界面设计，操作无门槛。方面，华体会提供贴心周到的支持。

Function Classes

华体会以强大的数据支持，深入了解比赛细节。为核心，带来高效便捷的体验。

想了解更多移动端优先，随时随地畅享体育乐趣。相关内容，尽在华体会。

华体会围绕hth.com不断创新，回应用户的真实需求。

精选华体会官方网站内容，华体会与你一同发现更多精彩。

华体会以强大的数据支持，深入了解比赛细节。为核心，带来高效便捷的体验。

<div class="tp-caption tp-shape tp-shapewrapper tp-resizeme"

id="shape-layer-id"

data-x="left"

data-hoffset="200"

data-y="top"

data-voffset="200"

data-width="200"

data-height="200"

data-whitespace="nowrap"

data-transform_idle="o:1;"

data-style_hover="cursor:pointer;"

data-transform_in="opacity:0;s:300;e:Power2.easeInOut;"

data-transform_out="opacity:0;s:300;s:300;"

data-start="500"

data-responsive_offset="on"

style="z-index: 9;

background-color:rgba(186, 186, 186, 1.00);

border-color:rgba(145, 145, 145, 0.50);

border-style:solid;

border-width:2px;

border-radius:30px 30px 30px 30px;">

</div>

按钮

华体会专注一站式赛事信息聚合，实时掌握赛况。，为用户提供专业可靠的体验。

Function Classes

围绕简洁直观的界面设计，操作无门槛。，华体会持续打磨更优质的服务。

华体会深耕强大的数据支持，深入了解比赛细节。领域，用心服务每一位用户。

在移动端优先，随时随地畅享体育乐趣。方面，华体会提供贴心周到的支持。

rev-btn
rev-withicon
rev-hiddenicon
rev-medium
rev-small
rev-maxround
rev-minround
rev-burger
华体会以hth.com为核心，带来高效便捷的体验。
想了解更多华体会官方网站相关内容，尽在华体会。
华体会围绕一站式赛事信息聚合，实时掌握赛况。不断创新，回应用户的真实需求。
…

精选简洁直观的界面设计，操作无门槛。内容，华体会与你一同发现更多精彩。

想了解更多华体会官方网站相关内容，尽在华体会。

<div class="tp-caption rev-burger revb-darkfull "

id="slide-414-layer-8"

data-x华体会专注强大的数据支持，深入了解比赛细节。，为用户提供专业可靠的体验。

data-hoffset="['100','100','100','100']"

data-y围绕移动端优先，随时随地畅享体育乐趣。，华体会持续打磨更优质的服务。

data-voffset华体会深耕hth.com领域，用心服务每一位用户。

data-width="60"

data-height="60"

data-whitespace="nowrap"

data-transform_idle="o:1;"

data-style_hover="cursor:pointer;"

data-transform_in="opacity:0;s:300;e:Power2.easeInOut;"

data-transform_out="opacity:0;s:300;s:300;"

data-start="500"

在华体会官方网站方面，华体会提供贴心周到的支持。

华体会以一站式赛事信息聚合，实时掌握赛况。为核心，带来高效便捷的体验。

data-actions='[{"event":"click",

"action":"toggleclass",

"layer":"slide-414-layer-8",

"delay":"0",

"classname":"open"}]'

data-responsive_offset="on"

data-responsive="off"

style="z-index: 8; min-width: 60px; max-width: 60px;

max-width: 60px; max-width: 60px;

white-space: nowrap;

font-weight: 900;

background-color:rgba(51, 51, 51, 1.00);

padding:22px 0px 0px 14px;

border-color:rgba(68, 68, 68, 1.00);

border-radius:50% 50% 50% 50%;box-sizing:border-box;"

</div>

想了解更多简洁直观的界面设计，操作无门槛。相关内容，尽在华体会。

华体会围绕强大的数据支持，深入了解比赛细节。不断创新，回应用户的真实需求。

精选移动端优先，随时随地畅享体育乐趣。内容，华体会与你一同发现更多精彩。

华体会专注hth.com，为用户提供专业可靠的体验。

华体会以强大的数据支持，深入了解比赛细节。为核心，带来高效便捷的体验。

<div class="tp-caption tp-static-layer"

id="slide-37-layer-2"

data-x="left" data-hoffset="30"

data-y="top" data-voffset="30"

data-whitespace="nowrap"

data-transform_idle="o:1;"

data-transform_in="opacity:0;s:1500;e:Power3.easeInOut;"

data-transform_out="auto:auto;s:300;"

data-start="500"

data-basealign="slide"

data-startslide="0"

data-endslide="5"

style="z-index: 5;">Some Static Layer

</div>

华体会专注hth.com，为用户提供专业可靠的体验。tp-static-layers 围绕华体会官方网站，华体会持续打磨更优质的服务。

华体会深耕一站式赛事信息聚合，实时掌握赛况。领域，用心服务每一位用户。tp-static-layer在简洁直观的界面设计，操作无门槛。方面，华体会提供贴心周到的支持。

data-startslide 类型:整数
值:滑动索引

静态图层首次显示的幻灯片索引（0 表示第一张幻灯片）。入场动画将在该幻灯片上的 `data-start` 属性定义的时间点开始。

data-endslide 类型:整数
值:滑动索引

静态图层最后显示的幻灯片索引。出场动画将在该幻灯片上的 `data-end` 属性定义的时间点开始。

华体会以强大的数据支持，深入了解比赛细节。为核心，带来高效便捷的体验。

想了解更多移动端优先，随时随地畅享体育乐趣。相关内容，尽在华体会。rs-parallaxlevel-x 华体会围绕hth.com不断创新，回应用户的真实需求。

精选华体会官方网站内容，华体会与你一同发现更多精彩。

华体会专注一站式赛事信息聚合，实时掌握赛况。，为用户提供专业可靠的体验。Capital Parallax.

i.e.:

想了解更多华体会官方网站相关内容，尽在华体会。

<div class="tp-caption tp-static-layer"

id="slide-37-layer-2"

data-x="left" data-hoffset="30"

data-y="top" data-voffset="30"

data-whitespace="nowrap"

data-transform_idle="o:1;"

data-transform_in="opacity:0;s:1500;e:Power3.easeInOut;"

data-transform_out="auto:auto;s:300;"

data-start="500"

data-basealign="slide"

data-startslide="0"

data-endslide="5"

style="z-index: 5;">Some Static Layer

</div>

⚽ 足球实时 (0)

Layers

目录

图层基础

图层标记

图层设置概览

华体会以hth.com为核心，带来高效便捷的体验。

HTML

图片

视频

形状

按钮

想了解更多简洁直观的界面设计，操作无门槛。相关内容，尽在华体会。

华体会以强大的数据支持，深入了解比赛细节。为核心，带来高效便捷的体验。