javascript - 是否可以做网站的 Javascript 轮播？

Question

我正在寻找如何在屏幕中心显示一个完全居中的网站的示例代码，以及它左右两侧的其他两个网站（可能只看到一半的侧网站），但能够使用导航iframe 之间的轮播。我已经包含了我要解释的基本模型......

TL;DR：寻找一个轮播，我可以在 iframe 中使用完整的网站而不是图像。

Answer 1

没有什么比得上DIY。

一个基本的轮播可以简单地通过并排放置元素来制作：

--------  --------  --------
|Box 1 |  |Box 2 |  |Box 3 |
--------  --------  --------

使用一个仅足以容纳其中一个的容器，您可以在框之间水平滚动。

然后，用一点 CSS 魔法，你可以让它看起来像你的问题中的那个图像。尝试使用transform, 其中scale和 与translate到中心的距离成比例。还要在最中心的盒子上添加一个z-index以将其放在其他盒子的顶部。

当然，有一些方法可以制作更复杂或更好看的轮播，但一个简单的效果可以大有帮助。