提供三种不同尺寸的赛事信息预览模式。 1 — 适配屏幕宽度与高度， 2 — 仅适配屏幕宽度， 3 — 无边距，缩放动画，右上角显示关闭按钮。

您可以在每个赛事详情页中嵌入任意HTML内容，并混合多种内容类型。此示例中，根据用户浏览方向，已启用下一场比赛的预加载。如需添加触控滑动支持，请参考相关技术文档。

若希望在比赛数据完全加载后再打开弹窗，您可以通过JavaScript预加载数据。或使用已缩放的比赛画面替代缩略图。缩放效果目前仅支持图片。请关注我们以获取最新更新。

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

动画效果通过简单的CSS过渡实现，您可以自定义其外观。更多动画效果请参见我们的技术展示。

對話框範例

這是測試文字。它並非供閱讀之用。僅為展示印刷成品的外觀和感覺而放置。僅供參考。在此尋找意義的人將大失所望。

在用户打开、关闭弹窗或进行页面跳转后返回时，已输入的数据将得以保留。

您可以完全控制弹窗显示的内容，通过CSS将其对齐至任意侧边，并可启用或禁用窗口右侧的滚动条——随您心意。

模态弹窗将禁用常规的关闭方式。

这是关于错误消息如何显示的简易示例。当然，您可以更改文本或对其进行样式化。

範例