我对 jquery 很陌生,但我想做的是自动旋转列表项。例如,我下面有以下无序列表。
<ul>
<li>list 1</li>
<li>list 2</li>
<li>list 3</li>
<li>list 4</li>
</ul>
目前,我有一个jquery函数,它可以旋转列表,但只有当用户单击列表项时,是否可以使用下面相同的代码来旋转该列表,但它应该自动完成?即无需用户点击任何列表
$(function() {
$("li").click(function() {
var prev = $(this).prevAll();
$.unique(prev).each(function(i) {
$(this).delay(i*600).slideUp(function() {
$(this).appendTo(this.parentNode).slideDown();
});
});
});
});
最佳答案
此示例在不单击任何元素的情况下保持旋转。
function run() {
var prev = $("#rotated li:first-child");
$.unique(prev).each(function(i) {
$(this).delay(i*600).slideUp(function() {
$(this).appendTo(this.parentNode).slideDown();
});
});
}
window.setInterval(run,1000);
关于jquery - 使用jquery自动旋转无序列表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5258277/