三种不同的缩放模式，适应不同屏幕尺寸。 1 — 水平垂直全屏适配， 2 — 仅水平适配， 3 — 无边距，缩放动画，右上角关闭按钮。

您可以为每个赛事数据项添加任意HTML内容，并混合内容类型。此示例中，根据滑动方向启用了下一张图片的懒加载。如需添加触控滑动支持，请参考我在Smashing Magazine上的文章。

如果您希望在图片完全加载后才打开弹窗，可以通过JavaScript预加载图片。或者使用缩小版的图片代替缩略图。缩放效果目前仅适用于图片。

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

动画通过简单的CSS过渡添加，您可以根据需要自定义其外观。更多动画效果请访问CodePen。

世界杯实时赛况为您提供专业、贴心的服务体验。

即使打开和关闭弹窗，或在浏览器中前进后退，已输入的数据也不会丢失。

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

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

这是显示错误消息的基本示例。当然，您可以更改文本或对其进行样式设置。

Examples