递归内容旋转器是一个非常简单的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;
- }