jQuery Cyclops插件循环浏览大型HTML列表和表

  • 源码大小:6.23KB
  • 所需积分:1积分
  • 源码编号:19JP-3091
  • 浏览次数:576次
  • 最后更新:2023年05月05日
  • 所属栏目:动画
本站默认解压密码:19jp.com 或 19jp_com

简介

Cyclops是一个轻量级的jQuery插件(1kb以下),它可以将大型HTML列表或表分解为较小的部分。

然后,它会在有/没有幻灯片动画的情况下自动循环浏览这些部分,提供流畅且用户友好的浏览体验。

如何使用它:

1.下载并加载jquery.cycops.min.js查询jQuery之后的脚本。

<script src="/path/to/cdn/jquery.min.js"></script>
<script src="/path/to/jquery.cyclops.min.js"></script>

2.调用HTML列表或表上的函数,并指定每个视图要显示的条目数。

$("ul,table").cyclops({ 
  // default: 5
  maxItems: 3,
});

3.设置转换到下一个视图之前的等待时间。

$("ul,table").cyclops({
  // default: 10000
  delay: 5000,
});

4.确定是否启用幻灯片动画。

$("ul,table").cyclops({
  // default: false
  animate: true,
});

预览截图