递归内容旋转器是一个非常简单的jQuery幻灯片放映插件,用于自动交叉显示页面上的任何内容类型(例如,图像、推荐、新闻、引用等)。
1.下载并放置旋转.js
在jQuery库之后但在关闭body标记之前的脚本。
<script src="/path/to/cdn/jquery.min.js"></script> <script src="/path/to/rotator.js" defer></script>
2.要创建图像幻灯片,只需将您的图像添加到“内容”容器中,如下所示:
<div id="content"> <img src="1.jpg" /> <img src="2.jpg" /> <img src="3.jpg" /> ... </div>
3.此插件还支持基于文本的内容,如推荐信、新闻和名言。
<div id="paragraphs"> <p>jQuery!</p> <p>Script!</p> <p>Net!</p> ... </div>
4.在页面加载时隐藏内容。
#content img, #paragraphs p { display: none; }