是否有可能做一个网站的Javascript轮播？

Question

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

TL; DR：寻找旋转木马我可以使用iframe 内的完整网站代替图片。

Answer 1

没有什么比DIY更好了。

只需将元素并排放置即可制作基本的旋转木马：

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

如果容器的大小足以容纳其中一个，则可以在框之间水平滚动。

然后，通过一点CSS魔术，你可以在你的问题中使它看起来像那个图像。尝试使用transform，其中scale和translate与距离中心的距离有所不同。同时在最中间的框中添加z-index，将其置于其他框之上。

当然，有很多方法可以制作更复杂或更好看的旋转木马，但简单的效果可以有很长的路要走。