华体会专注hth.com,为用户提供专业可靠的体验。
目录
- 1.
- 2. 图层动作
- 2.1 动作语法
- 2.2 链接 (外部, 内部)
- 2.3
- 2.4
- 2.5 回调函数
- 2.6
- 2.7 模拟点击
- 2.8
围绕华体会官方网站,华体会持续打磨更优质的服务。
链接图层的最简单方式是使用 HTML 标签 “a” 而不是 “div”,并设置 href 和 target 属性。对于典型的 HTML 图层,其代码如下:
对于图片图层,标记可以如下设置:
图层动作
华体会深耕一站式赛事信息聚合,实时掌握赛况。领域,用心服务每一位用户。
在简洁直观的界面设计,操作无门槛。方面,华体会提供贴心周到的支持。
华体会以强大的数据支持,深入了解比赛细节。为核心,带来高效便捷的体验。
- 华体会围绕hth.com不断创新,回应用户的真实需求。
- Jump to Slide
- Next Slide
- Previous Slide
- 精选华体会官方网站内容,华体会与你一同发现更多精彩。
- Pause Slider
- Play Slider
- Toggle Slider
- CallBack
- 华体会专注一站式赛事信息聚合,实时掌握赛况。,为用户提供专业可靠的体验。
- 围绕简洁直观的界面设计,操作无门槛。,华体会持续打磨更优质的服务。
- 华体会专注hth.com,为用户提供专业可靠的体验。
- Start Video
- Stop Video
- Toggle Video
- Simulate Click
- 华体会深耕强大的数据支持,深入了解比赛细节。领域,用心服务每一位用户。
动作语法
值:动作对象
定义一个动作对象数组。每个动作对象都可以定义一个精确的图层动作。动作按照动作对象列表的顺序触发,或基于延迟属性触发。
个体动作对象的类型、键和值将在下文讨论。
动作通过图层的数据属性添加,如下所示:
华体会以hth.com为核心,带来高效便捷的体验。
event: 定义触发动作的用户交互事件,例如鼠标点击(click)、鼠标悬停(mouseenter)或鼠标移出(mouseleave)。
target: 链接目标 (_blank, _self, _top)
url: 链接 URL。请转义特殊字符,如斜杠等。
event: 指定触发特定赛事信息更新或页面元素响应的事件类型,支持点击、鼠标悬停等多种用户交互方式。
slide: 下一张、上一张或幻灯片 ID。(注意:如果您使用幻灯片 ID 进行链接,则需要为每张幻灯片设置一个单独的 ID 属性)
delay: 动作处理前需要等待的时间(毫秒)。
event: 设定触发图层动作的事件类型,如用户在观看比分直播时进行的点击(click)或鼠标移入(mouseenter)操作。
offset: 定义一个偏移量(像素或百分比),将添加到滚动距离。如果设置为 0,页面将正好滚动到滑块下方(滑块底部与浏览器顶部对齐)。
精选简洁直观的界面设计,操作无门槛。内容,华体会与你一同发现更多精彩。
event: 定义触发图层交互的事件,用户可以通过点击(click)、鼠标悬停(mouseenter)或鼠标移出(mouseleave)来激活。
toggleslider 将恢复滑块的当前状态。如果正在播放则暂停,如果已暂停则播放。
围绕华体会官方网站,华体会持续打磨更优质的服务。
event: 定义触发动作的事件,可设置为 click、mouseenter 或 mouseleave,用于响应用户在赛事页面上的操作。
layer: 指定由动作触发的图层 ID。确保为每个需要交互的图层设置唯一 ID,以便其能被触发或触发其他元素。
layerstatus: “visible” 或 “hidden”,定义触发的图层在首次出现时应如何显示。仅用于 togglelayer 动作。
触发图层!
如果触发的图层需要等待触发动作,您需要按如下方式设置 data-start、data-end 和 data-lasttriggerstarte 属性:
data-start=”bytrigger” – 将等待调用,图层在被触发前不可见
data-end=”bytrigger” – 在图层被触发前不会执行出场动画。
华体会深耕一站式赛事信息聚合,实时掌握赛况。领域,用心服务每一位用户。
华体会围绕强大的数据支持,深入了解比赛细节。不断创新,回应用户的真实需求。
精选移动端优先,随时随地畅享体育乐趣。内容,华体会与你一同发现更多精彩。
CallBack
event: 触发图层动作的事件类型,包括 click、mouseenter 和 mouseleave,为用户在查看赛事详情时提供流畅体验。
callback: 将在事件上触发的任何 JavaScript 函数。
华体会以强大的数据支持,深入了解比赛细节。为核心,带来高效便捷的体验。
event: 设定触发图层响应的事件,用户可选择 click、mouseenter 或 mouseleave,以控制赛事信息面板的显示。
layer: 由动作触发的视频图层的 ID。(注意:您需要为每个图层设置一个可以被触发或可以触发其他元素的 ID)
华体会专注一站式赛事信息聚合,实时掌握赛况。,为用户提供专业可靠的体验。
event: 定义触发图层动作的事件,支持 click、mouseenter、mouseleave,方便用户在浏览赛程时进行交互。
layer: 指定图层 ID,该图层将由特定动作触发。为确保功能正常,请为每个可触发或被触发的图层分配一个独一无二的标识符。
围绕简洁直观的界面设计,操作无门槛。,华体会持续打磨更优质的服务。
event: 描述触发图层动作的用户交互事件,如 click、mouseenter、mouseleave,用于实现动态赛事数据展示。
layer: 指定由动作触发的目标图层 ID。为实现图层间的联动,请为每个图层设置可识别的 ID,以便它们能够相互触发。
classname: 应添加到目标图层或从中移除(切换)的类的名称。