I have:
<a id="item<?php echo $i; ?>">...</a>
<a id="item<?php echo $i; ?>">...</a>
...
其中 $i 是从 1 开始的当前迭代的值,并将呈现如下内容:
<a id="item1">...</a>
<a id="item2">...</a>
...
我需要的是一个脚本,仅使第一个元素保持可见,然后在几秒钟(假设 4-5)后淡出并淡入下一个元素。并重复这个循环直到最后一个元素。
然后循环重新开始。
不需要“暂停”或下一个/上一个元素。
先感谢您!
你可以使用这个JS:(http://jsfiddle.net/KWmgf/ http://jsfiddle.net/KWmgf/ )
var fadeLoop = function($el) {
$el.fadeOut(4000, function() {
var $next = $el.next();
if ($next.length == 0) {
$next = $el.siblings(":first");
}
$next.fadeIn(4000, function() {
fadeLoop($next);
});
});
};
$(document).ready(function(){
$("#item1").siblings().hide();
fadeLoop($("#item1"));
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)