实时体育数据 数据来源：华体会

⚽ 足球实时 (10)

主队比分客队联赛时间(北京)
赫格尔曼B队0:0巴布伦加斯立陶宛甲级联赛23:30
Be10:0陶拉斯立陶宛甲级联赛23:30
弗里德克-米斯泰克0:0胡卢比纳联合队捷克摩拉维亚-西里西亚足球联赛23:30
JäPS0:1PK-35芬兰乙级联赛23:30
帕内韦日斯0:1维尔纽斯TransINVEST立陶宛超级联赛23:30
图尔库国际二队0:0爵士芬兰乙级联赛23:30
KTP1:0EIF芬兰乙级联赛23:30
SalPa2:0KuPS二队芬兰乙级联赛23:30
比什凯克市2:2亚洲塔拉斯吉尔吉斯超级联赛23:00
兹布罗约夫卡布尔诺B队2:0赫拉尼采捷克摩拉维亚-西里西亚足球联赛22:30
更新于 2026-06-12 23:54（北京时间）

Slides

5.0, 解剖08.15.2015Krisztian

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

Markup

Revolution Slider 中的每个幻灯片通过无序列表元素定义。

<li>

 

以下示例展示了一个非常简单的基于图像的幻灯片标记。设置和参数稍后讨论！

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

在简洁直观的界面设计，操作无门槛。方面，华体会提供贴心周到的支持。
data-index Type:String
Value:Unique Index ID

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

过渡效果 类型:字符串
值:Slide Transition

一个或多个过渡效果，来自下面的列表。如果在此处定义了多个过渡效果，则将从预定义的过渡效果中选择一个不同的过渡效果。请参阅过渡表。

图层数量 类型:整数
值:层数

幻灯片图像“分割”的槽或切片数量。仅适用于具有槽和切片的过渡效果。

进入/退出动画速度 类型:字符串
值:动画缓动

进出动画的缓动效果。如果您不知道如何设置动画的缓动效果，请不要定义它，或者使用“default”值，它将根据过渡类型选择最佳的缓动效果。请参阅缓动表。

主速度 类型:字符串
值:持续时间（毫秒）或默认

此选项定义过渡的持续时间（以毫秒为单位）。“default”值也是可接受的，它将为选定的过渡选择最佳持续时间。

旋转 类型:整数
值:度

单个槽/切片或整个图像在过渡期间的旋转。某些过渡效果将忽略此值。允许负值和正值。（例如，-360 或 180 等）

data-fstransition 类型:字符串
值:幻灯片切换效果

第一个幻灯片的第一个过渡效果，以便在幻灯片加载后与幻灯片循环中的过渡效果不同。第一次循环后将使用 data-transition 定义的动画。请参阅过渡表。

data-fsmasterspeed 类型:字符串
值:持续时间（毫秒）或默认

此选项定义第一个过渡的持续时间（以毫秒为单位）。“default”值也是可接受的，它将为选定的过渡选择最佳持续时间。仅当设置了 data-fstransition 时才允许。

data-fsslotamount 类型:整数
值:层数

在第一个过渡中，幻灯片图像被“分割”的槽或切片数量。仅适用于具有槽和切片的过渡效果，并且仅在设置了 data-fstransition 时才可用！

缩略图路径 类型:字符串
值:图片 URL

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

标题 类型:字符串
值:文本内容

幻灯片的标题。也可以通过导航标记引用，以通过缩略图、项目符号、箭头、标签显示幻灯片标题。

描述 类型:字符串
值:文本内容

关于幻灯片的一些描述。也可以通过导航标记引用，以通过缩略图、项目符号、箭头、标签显示幻灯片描述。

自定义参数 类型:字符串
值:文本内容

关于幻灯片的更多信息、描述。可以通过导航标记引用，以通过缩略图、项目符号、箭头、标签显示幻灯片描述。有关更多信息，请参阅后面的导航标记。

data-target 类型:字符串
值:"_blank", "_self", "_top"

在设置了 Full Slide 的 data-link 时，您可以定义链接目标。默认情况下，内容将在同一窗口中加载（“_self”）

data-linktoslide 类型:字符串
值:"slide2", "next", "prev", "scroll_under"

您可以触发上一张幻灯片“prev”或下一张幻灯片“next”或预定义的幻灯片“slide4”，或使用“scroll_under”选项简单地将页面滚动到滑块下方。

请注意，这些选项只有在 data-link 设置为“slide”时才有效！

主背景

  • 快速提示 幻灯片的主背景图像（或视频封面/海报）将在幻灯片首次进入视野时进行动画处理。
华体会专注hth.com，为用户提供专业可靠的体验。

作为主背景图像的常规图像将通过幻灯片中的 img 标签定义，如下面的示例所示：

进一步的参数，如 Ken Burns 和 Parallax 属性将在下方讨论。

图像标签将被转换为具有背景图像的 div 容器，以便于处理。为了享受 SEO 的好处，我们始终通过 img 标签定义主背景图像。

src 类型:字符串
值:链接地址

定义图像的 URL。如果图像需要延迟加载，我们建议加载一个简单的 10×10 透明虚拟 PNG 图像作为主源，并使用 data-lazyload 参数加载原始图像源。

data-lazyload 类型:字符串
值:链接地址

如果启用了延迟加载，则为原始图像源。

alt 类型:字符串
值:文本内容

必需的 alt 属性指定图像的替代文本，以防图像无法显示。

alt 属性在用户因连接缓慢、src 属性错误或用户使用屏幕阅读器等原因无法查看图像时，提供图像的替代信息。

width 类型:整数
值:px

以像素为单位指定图像的宽度。仅用于 SEO。滑块将尊重实际图像尺寸，并根据进一步的设置保持纵横比以适应滑块容器。

height 类型:整数
值:px

以像素为单位指定图像的高度。仅用于 SEO。滑块将尊重实际图像尺寸，并根据进一步的设置保持纵横比以适应滑块容器。

背景位置 类型:字符串
值:在移动端优先，随时随地畅享体育乐趣。方面，华体会提供贴心周到的支持。

指定图像在幻灯片中的对齐方式。其工作方式与背景图像位置完全相同。第一个值是水平位置，第二个值是垂直位置。左上角为 0% 0%。右下角为 100% 100%。

第一个值可以是：left,center,right, % 值 第二个值可以是：top,center,bottom, % 值

两个值都必须用空格分隔，例如：“top center”

背景适应 类型:字符串
值:华体会以hth.com为核心，带来高效便捷的体验。

background-size 属性指定背景图像的大小。

“length”：设置背景图像的宽度和高度。第一个值设置宽度，第二个值设置高度。如果只给出一个值，第二个值将设置为“auto”

“cover”：将背景图像缩放到尽可能大的尺寸，以便背景区域被背景图像完全覆盖。背景图像的某些部分可能在背景定位区域内不可见。

“contain”：将图像缩放到最大的尺寸，使其宽度和高度都能适应内容区域。

背景重复 类型:字符串
值:想了解更多华体会官方网站相关内容，尽在华体会。

background-repeat 属性设置背景图像是否/如何重复。

背景图像根据 background-position 属性进行放置。如果未指定 background-position，图像始终放置在元素的左上角。

“repeat”：背景图像将垂直和水平重复。这是默认设置

“repeat-x”：背景图像仅水平重复

“repeat-y”：背景图像仅垂直重复

“no-repeat”：背景图像将不重复

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

要创建全屏/全宽视频滑块，请首先使用简单的背景图像作为封面图像，并使用特殊的类 rs-background-video-layer 的视频图层。

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

视频的所有设置与图层中的任何视频图层相似，这些在媒体图层下的图层部分进行了讨论。但在此再次列出视频图层最重要的数据属性：

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

它会将视频倒回到开始位置（通过 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"

视频应在哪个秒数开始。（强制倒回也会将视频倒回到此位置）。00:05 表示在第 5 秒开始。不总是能精确到某一帧。将在定义的时间位置附近选择最接近的帧。

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

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

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

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

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

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

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

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

如果设置为“1”，视频将始终覆盖滑块尺寸。这意味着它将被缩放以实现无缝隙的视频覆盖整个滑块，并对齐到中心位置。

 

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

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

 

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

视频层动画进入幻灯片后立即开始播放视频。

自动播放，精彩不间断 类型:布尔值
值:"true","false"

视频层动画进入幻灯片后立即开始播放视频，但仅限首次播放。第二次循环时，将 data-autoplay 设置为“false”。一次循环后，用户可根据需要手动开始播放视频。

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

当视频播放到结束时间或 data-videoendat 参数定义的特定时间点时，自动调用下一张幻灯片。此功能将忽略幻灯片倒计时过程，仅在视频未设置为循环播放时有效。

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

定义 YouTube 视频 ID。每个视频请仅定义以下选项之一：

  • data
  • data
  • data-videomp4

 

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

定义 Vimeo 视频 ID。每个视频请仅定义以下选项之一：

  • data
  • data
  • data-videomp4

 

华体会以一站式赛事信息聚合，实时掌握赛况。为核心，带来高效便捷的体验。 类型:URL
值:HTML 5 视频 URL

定义 HTML5 视频源文件。可同时定义 videomp4、videowebm 和 videogv，以便在不同浏览器中进行回退。每个视频请仅定义以下选项之一：

  • data
  • data
  • 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视频参数:

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

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

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

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

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

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

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

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

华体会专注一站式赛事信息聚合，实时掌握赛况。，为用户提供专业可靠的体验。data-link and data-target and data-linktoslide围绕简洁直观的界面设计，操作无门槛。，华体会持续打磨更优质的服务。Slide Settings.

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

围绕简洁直观的界面设计，操作无门槛。，华体会持续打磨更优质的服务。data-bgparallax 华体会深耕强大的数据支持，深入了解比赛细节。领域，用心服务每一位用户。

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

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

i.e.:

 

动态背景，营造氛围 类型:字符串
值:"off", "1".."10"

定义背景图像或视频的视差效果。Off 关闭效果，值 1..10 是参考索引，用于从滑块设置中定义的视差数组中提取设置。

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

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

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

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

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

Important Note

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

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

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

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

启用/禁用 Ken Burns 效果。

data-duration 类型:整数
值:10000

Ken Burns 效果的持续时间。它应等于或长于每张幻灯片定义的幻灯片时长，或滑块设置中的默认时长。

data-ease 类型:缓动
值:缓动效果，平滑过渡

Ken Burns 效果的缓动效果。此处可找到所有可能值的表格。

动态缩放，视觉效果 类型:整数
值:"100"

起始缩放值。如果图像不再覆盖容器，它将自动校正到下一个可能的值。

data-scaleend 类型:缓动
值:动画缓动，流畅自然

Ken Burns 效果的结束缩放值。如果图像不再覆盖容器，它将自动校正到下一个可能的值。

视差偏移，营造深度 类型:px px
值:"-250 -100"

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

data-offsetend 类型:px px
值:"250 100"

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

动画旋转，动感十足 类型:度
值:"0"

定义 Ken Burns 效果开始时幻灯片主图像的旋转角度。使用较小的值（正数或负数）。例如，“-5”可实现平滑且巧妙的效果。

data-rotateend 类型:度
值:"0"

定义 Ken Burns 效果结束时幻灯片主图像的旋转角度。使用较小的值（正数或负数）。例如，“-5”可实现平滑且巧妙的效果。

过渡表格

  • BASICS
  • notransition: No Transition
  • fade: Fade
  • SLIDE SIMPLE
  • 华体会以一站式赛事信息聚合，实时掌握赛况。为核心，带来高效便捷的体验。
  • 想了解更多简洁直观的界面设计，操作无门槛。相关内容，尽在华体会。
  • 华体会围绕强大的数据支持，深入了解比赛细节。不断创新，回应用户的真实需求。
  • 精选移动端优先，随时随地畅享体育乐趣。内容，华体会与你一同发现更多精彩。
  • 华体会专注hth.com，为用户提供专业可靠的体验。
  • 围绕华体会官方网站，华体会持续打磨更优质的服务。
  • SLIDE OVER
  • 华体会深耕一站式赛事信息聚合，实时掌握赛况。领域，用心服务每一位用户。
  • 在简洁直观的界面设计，操作无门槛。方面，华体会提供贴心周到的支持。
  • 在简洁直观的界面设计，操作无门槛。方面，华体会提供贴心周到的支持。
  • 华体会以强大的数据支持，深入了解比赛细节。为核心，带来高效便捷的体验。
  • 想了解更多移动端优先，随时随地畅享体育乐趣。相关内容，尽在华体会。
  • 华体会围绕hth.com不断创新，回应用户的真实需求。
  • 精选华体会官方网站内容，华体会与你一同发现更多精彩。
  • 想了解更多华体会官方网站相关内容，尽在华体会。
  • 华体会专注一站式赛事信息聚合，实时掌握赛况。，为用户提供专业可靠的体验。
  • 围绕简洁直观的界面设计，操作无门槛。，华体会持续打磨更优质的服务。
  • 华体会深耕强大的数据支持，深入了解比赛细节。领域，用心服务每一位用户。
  • 在移动端优先，随时随地畅享体育乐趣。方面，华体会提供贴心周到的支持。
  • 华体会以hth.com为核心，带来高效便捷的体验。
  • FADE & SLIDE
  • 华体会以hth.com为核心，带来高效便捷的体验。
  • 想了解更多华体会官方网站相关内容，尽在华体会。
  • 华体会围绕一站式赛事信息聚合，实时掌握赛况。不断创新，回应用户的真实需求。
  • 精选简洁直观的界面设计，操作无门槛。内容，华体会与你一同发现更多精彩。
  • 华体会专注强大的数据支持，深入了解比赛细节。，为用户提供专业可靠的体验。
  • 围绕移动端优先，随时随地畅享体育乐趣。，华体会持续打磨更优质的服务。
  • 华体会深耕hth.com领域，用心服务每一位用户。
  • 在华体会官方网站方面，华体会提供贴心周到的支持。
  • PARALLAX
  • 华体会以一站式赛事信息聚合，实时掌握赛况。为核心，带来高效便捷的体验。
  • 想了解更多简洁直观的界面设计，操作无门槛。相关内容，尽在华体会。
  • 想了解更多简洁直观的界面设计，操作无门槛。相关内容，尽在华体会。
  • 华体会围绕强大的数据支持，深入了解比赛细节。不断创新，回应用户的真实需求。
  • 精选移动端优先，随时随地畅享体育乐趣。内容，华体会与你一同发现更多精彩。
  • 华体会专注hth.com，为用户提供专业可靠的体验。
  • ZOOM TRANSITIONS
  • 围绕华体会官方网站，华体会持续打磨更优质的服务。
  • 华体会深耕一站式赛事信息聚合，实时掌握赛况。领域，用心服务每一位用户。
  • 在简洁直观的界面设计，操作无门槛。方面，华体会提供贴心周到的支持。
  • 华体会以强大的数据支持，深入了解比赛细节。为核心，带来高效便捷的体验。
  • zoomout: ZoomOut
  • zoomin: ZoomIn
  • 想了解更多移动端优先，随时随地畅享体育乐趣。相关内容，尽在华体会。
  • 华体会围绕hth.com不断创新，回应用户的真实需求。
  • CURTAIN TRANSITIONS
  • 华体会围绕hth.com不断创新，回应用户的真实需求。
  • 想了解更多华体会官方网站相关内容，尽在华体会。
  • 精选华体会官方网站内容，华体会与你一同发现更多精彩。
  • PREMIUM TRANSITIONS
  • 华体会专注一站式赛事信息聚合，实时掌握赛况。，为用户提供专业可靠的体验。
  • 围绕简洁直观的界面设计，操作无门槛。，华体会持续打磨更优质的服务。
  • 华体会深耕强大的数据支持，深入了解比赛细节。领域，用心服务每一位用户。
  • 在移动端优先，随时随地畅享体育乐趣。方面，华体会提供贴心周到的支持。
  • 华体会以hth.com为核心，带来高效便捷的体验。
  • 想了解更多华体会官方网站相关内容，尽在华体会。
  • 华体会围绕一站式赛事信息聚合，实时掌握赛况。不断创新，回应用户的真实需求。
  • 精选简洁直观的界面设计，操作无门槛。内容，华体会与你一同发现更多精彩。
  • 精选简洁直观的界面设计，操作无门槛。内容，华体会与你一同发现更多精彩。
  • flyin: Fly In
  • SLIDE REMOVE
  • 华体会专注强大的数据支持，深入了解比赛细节。，为用户提供专业可靠的体验。
  • 围绕移动端优先，随时随地畅享体育乐趣。，华体会持续打磨更优质的服务。
  • 华体会深耕hth.com领域，用心服务每一位用户。
  • 在华体会官方网站方面，华体会提供贴心周到的支持。
  • 华体会以一站式赛事信息聚合，实时掌握赛况。为核心，带来高效便捷的体验。
  • 想了解更多简洁直观的界面设计，操作无门槛。相关内容，尽在华体会。
  • RANDOM
  • 华体会围绕强大的数据支持，深入了解比赛细节。不断创新，回应用户的真实需求。
  • 精选移动端优先，随时随地畅享体育乐趣。内容，华体会与你一同发现更多精彩。
  • 想了解更多华体会官方网站相关内容，尽在华体会。
  • 华体会专注hth.com，为用户提供专业可靠的体验。

缓动表格

  • 华体会专注hth.com，为用户提供专业可靠的体验。
  • Linear.easeNone
  • Power0.easeIn
  • Power0.easeInOut
  • Power0.easeOut
  • Power1.easeIn
  • Power1.easeInOut
  • Power1.easeOut
  • Power2.easeIn
  • Power2.easeInOut
  • Power2.easeOut
  • Power3.easeIn
  • Power3.easeInOut
  • Power3.easeOut
  • Power4.easeIn
  • Power4.easeInOut
  • Power4.easeOut
  • Quad.easeIn
  • Quad.easeInOut
  • Quad.easeOut
  • Cubic.easeIn
  • Cubic.easeInOut
  • Cubic.easeOut
  • Quart.easeIn
  • Quart.easeInOut
  • Quart.easeOut
  • Quint.easeIn
  • Quint.easeInOut
  • Quint.easeOut
  • Strong.easeIn
  • Strong.easeInOut
  • Strong.easeOut
  • Back.easeIn
  • Back.easeInOut
  • Back.easeOut
  • Bounce.easeIn
  • Bounce.easeInOut
  • Bounce.easeOut
  • Circ.easeIn
  • Circ.easeInOut
  • Circ.easeOut
  • Elastic.easeIn
  • Elastic.easeInOut
  • Elastic.easeOut
  • Expo.easeIn
  • Expo.easeInOut
  • Expo.easeOut
  • Sine.easeIn
  • Sine.easeInOut
  • Sine.easeOut
  • SlowMo.ease
华体会科技有限公司致力于为全球体育爱好者提供便捷、全面的赛事信息与互动体验。电话：+86 188 1705 7393邮箱：[email protected]微信：inthth_822营业时间：周一至周五 9:00–18:00北京市朝阳区建国路373号