Question

jQuery如何让元素轮流循环显示，其代码？

<li id="1">轮流显示1</li>
<li id="2">轮流显示2</li>
<li id="3">轮流显示3</li>
jQuery如何让元素轮流循环显示，其代码？
注：循环显示元素内容（轮流显示1，轮流显示2，轮流显示3...)

Answer 1

这个很简单,就是setInterval()的使用问题,示例如下:
<script src="http://imgmx.henhaoji.com/js/jQuery-1.4.1.min.js"></script>
<script>
$(function(){
var i = 0, t = $('ul li').hide().length, tmp = setInterval(function(){
$('ul li').hide().eq(i > t-1 ? i = 0 : i++).fadeIn(1000);
}, 3000);
});
</script>
<div>
<ul>
<li id="1">轮流显示1</li>
<li id="2">轮流显示2</li>
<li id="3">轮流显示3</li>
</ul>
</div>

Answer 2

可以在网上找一些插件，插件功能很强大
比如：swiper,superslide2等

Answer 3

你的意思是让这三个li动着轮流显示吗？

追问

是的

追答

给你个demo:首先引用jquery-1.1.3.pack.js：

function scroll_news(){
$(function(){
$('#dvmq li').eq(0).fadeOut('slow',function(){
// alert($(this).clone().html());
//克隆:不用克隆的话，remove()就没了。
$(this).clone().appendTo($(this).parent()).fadeIn('slow');
$(this).remove();
});
});
}
setInterval('scroll_news()',1000);

1,one
2,two
3,three
4,我走一步，停一停！

是不是要这种效果？不给分呀