三组不同缩放设置的即时比分展示。 1 — 适配屏幕宽度与高度, 2 — 仅适配屏幕宽度, 3 — 无边距，缩放动画，右上角关闭按钮。

您可以在每个赛事条目中嵌入任何内容，并混合不同的信息类型。此示例中，根据滑动方向启用了下一场赛事的懒加载。如需添加触控滑动支持，请参阅我的Smashing Magazine文章。

如果您希望在比赛信息完全加载后才打开详情，可以通过JS预加载数据。或者使用缩略图代替完整信息。缩放效果目前仅支持图片。

在此示例中，赛事详情在小屏幕尺寸下会自动禁用，并触发链接的默认行为。

动画效果通过简单的CSS过渡实现，您可以根据喜好进行调整。更多动画效果请查看CodePen。

金年会为您提供专业、贴心的服务体验。

即使关闭弹窗或在不同页面间跳转后返回，已填写的投注信息也不会丢失。

您可以完全控制弹窗显示的内容，通过CSS将其对齐到任何位置，开启或禁用窗口右侧的滚动条——一切尽在掌握。

强制模式弹窗会禁用常规的关闭方式。

这是关于错误消息显示的基本示例。当然，您可以更改文本或进行样式调整。

实时体育数据 数据来源：金年会

主队	比分	客队	联赛	时间(北京)
杜克拉布拉格B队	0:0	皮塞克	捷克波西米亚足球联赛A组	22:00
格鲁吉亚女足	1:0	法罗群岛女足	女足世界杯欧洲区预选赛	00:00
白俄罗斯U21	1:0	哈萨克斯坦U21	国际友谊赛	22:00
亚美尼亚女足	0:0	哈萨克斯坦女足	女足世界杯欧洲区预选赛	00:00
阿塞拜疆女足	0:0	匈牙利女足	女足世界杯欧洲区预选赛	00:00
斯洛伐克女足	0:0	芬兰女足	女足世界杯欧洲区预选赛	00:00
泰国	2:2	科威特	国际友谊赛	20:30
奥列克桑德里亚	1:1	利维伊别列赫基辅	乌克兰足球超级联赛	20:30
新加坡	1:2	中国	国际友谊赛	19:30
香港	2:0	蒙古	国际友谊赛	20:00

更新于 2026-06-05 22:07（北京时间）

Examples