Question

用jQuery做一个鼠标经过可以打开关闭的文件夹效果

$(document).ready(function(){ $("#d-xinxi1").mouseover(function(){ $("#d-xinxi1").animate({top:'-100px'}); }); $("#d-xinxi1").mouseout(function(){ $("#d-xinxi1").animate({top:'10px'}); }); }); $(document).ready(function(){ $("#d-xinxi2").mouseover(function(){ $("#d-xinxi1").animate({top:'-100px'}); $("#d-xinxi2").animate({top:'-240px'}); }); $("#d-xinxi2").mouseout(function(){ $("#d-xinxi1").animate({top:'10px'}); $("#d-xinxi2").animate({top:'-130px'}); }); }); $(document).ready(function(){ $("#d-xinxi3").mouseover(function(){ $("#d-xinxi1").animate({top:'-100px'}); $("#d-xinxi2").animate({top:'-240px'}); $("#d-xinxi3").animate({top:'-380px'}); }); $("#d-xinxi3").mouseout(function(){ $("#d-xinxi1").animate({top:'10px'}); $("#d-xinxi2").animate({top:'-130px'}); $("#d-xinxi3").animate({top:'-270px'}); }); });本人新手，用这段代码同时经过三个div时会不断上下移动，知道原因但不会解决，求大佬相助





Answer 1

在写动画效果的代码前加入stop(true，true)，这样每次快速的移入移出菜单，就正常了
你的代码：在所有“.animate”的前面都加上“.stop(true,false)”

Answer 2

这个css就可以做到了还需要jquery吗