是否可以对网站进行Javascript轮转?
我正在寻找一个示例代码,说明如何在屏幕中央显示一个完全居中的网站,以及在其左右两侧显示另外两个网站(可能只看到一半的侧边网站),但能够使用iFrame之间的旋转木马进行导航。我已经包括了一个我试图解释的基本模型是否可以对网站进行Javascript轮转?,javascript,html,carousel,Javascript,Html,Carousel,我正在寻找一个示例代码,说明如何在屏幕中央显示一个完全居中的网站,以及在其左右两侧显示另外两个网站(可能只看到一半的侧边网站),但能够使用iFrame之间的旋转木马进行导航。我已经包括了一个我试图解释的基本模型 TL;DR:正在寻找一个旋转木马,我可以在iFrame中使用完整的网站,而不是图片。没有什么比DIY更好的了 只需将元素并排放置,即可制作基本旋转木马: -------- -------- -------- |Box 1 | |Box 2 | |Box 3 | --------
TL;DR:正在寻找一个旋转木马,我可以在iFrame中使用完整的网站,而不是图片。没有什么比DIY更好的了 只需将元素并排放置,即可制作基本旋转木马:
-------- -------- --------
|Box 1 | |Box 2 | |Box 3 |
-------- -------- --------
使用一个只足以容纳其中一个的容器,您可以在框之间水平滚动
然后,使用一点CSS魔法,您可以使它看起来像您问题中的图像。尝试使用transform
,其中scale
和translate
与中心距离成比例。另外,在最中间的框中添加一个z索引
,将其放置在其他框的顶部
当然,有很多方法可以制作更复杂或更美观的旋转木马,但简单的效果可以大有帮助。找到了许多支持iframe的插件。请记住,许多网站不允许将它们包装在
iframe
中(包括堆栈溢出)。