最小化任何内容幻灯片放映插件 递归内容旋转器

  • 源码大小:5.65KB
  • 所需积分:1积分
  • 源码编号:19JP-3385
  • 浏览次数:603次
  • 最后更新:2023年06月07日
  • 所属栏目:幻灯片
本站默认解压密码:19jp.com 或 19jp_com

简介

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

预览截图