如何解决逐渐淡入元素,然后将它们全部淡出并重新开始
|| 我需要淡入一些列表元素,然后淡入淡出并重新开始。我有在这里找到的代码:http://jsfiddle.net/mqthK/,在此处指出:Jquery:淡入淡出多个元素。但是,我需要递归运行此代码(即-淡出所有元素,然后再次调用该函数并重新开始)。 有人可以为此共享正确的代码吗? 谢谢!解决方法
如果您更新到jQuery 1.4.4或更高版本,则可以使用
fadeToggle
方法。
如果选择所有要淡入淡出的元素,并发送下一个要显示/隐藏的元素的索引,则可以轻松循环并重新启动:
http://jsfiddle.net/mqthK/48/
function fadeLI(elem,idx) {
elem.eq(idx).fadeToggle(500,function() {
fadeLI(elem,(idx + 1) % elem.length);
});
}
fadeLI($(\"#list li\"),0);
,只需检查是否存在下一个元素即可;如果不是,则您在列表的最后;然后淡出所有内容并使用第一个元素运行。
,将fadeLI更改为如下所示:
工作示例:http://jsfiddle.net/mqthK/45/
function fadeLI(elem,show) {
if(elem.length == 0){
fadeLI($(\"#list li:first\"));
}
if(elem.is(\":visible\")){
elem.fadeOut(500,function() {
fadeLI($(this).next());
});
}
else{
elem.fadeIn(500,function() {
fadeLI($(this).next());
});
}
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。