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

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

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

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

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

世界杯积分榜longdakai围绕深度分析球队表现，解读关键赛事数据。不断创新，回应用户的真实需求。

精选汇集最新赛事动态，不错过任何精彩瞬间。内容，世界杯积分榜longdakai与你一同发现更多精彩。

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

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

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

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

示例