所以我有一个div,里面可以有几个div.就像是：
- <div id="news">
- <span>Latest News!</span>
- <div>
- //News 1
- </div>
- <div>
- //News 2
- </div>
- </div>
我正在尝试做的是页面加载,第一个div是可见的,然后经过这么多秒,它淡出,第二个div淡入.非常简单的fadeIn和fadeOut但我必须指定每个div的动作.有没有办法说’在我的#news div’中的每个div之间切换？这样我可以添加新的div而无需添加代码来隐藏/显示它们？
谢谢！
解决方法
请尝试以下方法
- $(document).ready(function() {
- $('#news div:gt(0)').hide();
- var swap = function(item) {
- setTimeout(function() {
- $(item).fadeOut(1000,function() {
- var next = $(item).next()[0];
- if (!next) {
- next = $('#news div')[0];
- }
- $(next).fadeIn(1000,function() {
- swap($(this)[0]);
- })
- });
- },1000);
- };
- swap($('#news div')[0]);
- });
