我试图建立一个网站，而不是使用不同的页面，而是通过不同的div循环显示不同的内容。我正在寻找的内容与该网站上发生的事情非常相似：http://www.nexon.com/Home/Game.aspx
我希望div在单击时从右向左“飞”入。我试图从网站上了解代码，但是这让我非常困惑。
我认为不需要发布代码，因为div的内容无关紧要，但是为了进一步完善这个问题，这是div之一：
<div>
<img />
<h2>Some header</h2>
<p>Some text</p>
<img />
<p>More text</p>
</div>
因此，现在我想以与提到的网站相同的方式遍历这些div。
最佳答案
一般的想法是有一个“窗口” div，它充当内容div的视口。将内容div设置为display: inline时，您可以通过调用jQuery.animate将“窗口” div的内部移动单个内容div的宽度来实现所需的效果。这是相当容易出错的，更不用说对带有结束状态，开始/停止，重新循环等的代码进行乏味了。因此，通常建议使用一个很好的轮播库，其中有很多。
这是一个自己做的例子
JSFiddle Example
这是一些流行的轮播插件（几乎只是谷歌搜索的“ jquery carousel”）
slick
jCarousel