用于简单ul显示/隐藏旋转的jQuery插件

我正在寻找一个简单的插件来旋转（在循环和替换的意义上）元素列表

假设我有：

<ul class="rotate-this">
  <li>element 1</li>
  <li>element 2</li>
  <li>...</li>
</ul>

它每隔300毫秒显示/隐藏列表中的下一个元素。 一定有东西，但我找不到它…

检查一下：

---

您可以像这样创建自己的函数

$.fn.rotate = function (obj) {
    $items = this.children();
    window.cnt = 0;
    if (obj.start == true) {
        window.rotInt = setInterval(function () {
            cnt == $items.length ? cnt = 0 : ++cnt;
            $items.eq(cnt).show().siblings().hide();
        }, obj.time);
    } else {
        clearInterval(window.rotInt);
    }
}
$('.rotate-this').rotate({
    time: 1000,
    start: true
});

$('.rotate-this').rotate({
    time: 1000,
    start: false
});

若要结束旋转集，请按以下方式将“开始”设置为false

$.fn.rotate = function (obj) {
    $items = this.children();
    window.cnt = 0;
    if (obj.start == true) {
        window.rotInt = setInterval(function () {
            cnt == $items.length ? cnt = 0 : ++cnt;
            $items.eq(cnt).show().siblings().hide();
        }, obj.time);
    } else {
        clearInterval(window.rotInt);
    }
}
$('.rotate-this').rotate({
    time: 1000,
    start: true
});

$('.rotate-this').rotate({
    time: 1000,
    start: false
});