jQuery简单菜单翻转(无动画队列)

前端之家收集整理的这篇文章主要介绍了jQuery简单菜单翻转(无动画队列) 前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我有一个简单的无序列表,列表项作为菜单
我创建了jquery只是为了产生有趣的翻转效果
存在:

$('#nav ul ul li').hover(function(){
$(this).animate({ 
        marginLeft: "20px",},300 );
},function(){
$(this).animate({ 
        marginLeft: "0px",300 );
});

该脚本的问题是,如果您多次浏览菜单,则会建立一个动画队列.
我尝试在两者之间使用.stop(),但随后它还会停止其他列表项中的动画,无论如何这些动画都应返回默认状态.
有没有办法停止()每个项目的队列?但不是整个列表?

最佳答案
我不明白为什么$(this..stop().animate(…)对您不起作用,但是您也可以尝试以下方法

$(":not(:animated)",this).animate(...)

这只会在当前未设置动画的元素上触发动画

原文链接:https://www.f2er.com/jquery/530907.html

猜你在找的jQuery相关文章