                        课程
                    
                        /前端开发
                        
                            /jQuery
                        
                        /jQuery基础课程

各位大牛来解惑

想了解下，怎么可以让左右移动反应没这么慢，没有延迟就是点左移的时候，又点击右移，他要移完左边再继续往右边移

极客GHOST

2015-04-24

源自：jQuery基础课程 7-13

关注问题我要回答

410

操作

收起

3 回答

极客GHOST 提问者
2015-04-24

已解决

$(function(){
               $("#left").bind("click",function(){
                   $("div").stop();
                       $("div").animate({
                           left: "-=50px"},3000)})
               $("#right").bind("click",function(){
                       $("div").stop();
                       $("div").animate({
                             left: "+=50"},3000)})
       })

0 回复有任何疑惑可以回复我~

收起回答

用户1202761
2015-04-24

在向右向左移动时先停止之前的动画 $().stop();

1 回复有任何疑惑可以回复我~

收起回答

极客GHOST 提问者
2015-04-24

<div>
           周末终于来了
    </div>
   <input type="button" value="左移" id="left" />
    <input type="button" value="右移" id="right" />

    <script type="text/javascript">
       $(function(){
               $("#left").bind("click",function(){
                       $("div").animate({
                           left: "-=50px"},3000)})
               $("#right").bind("click",function(){
                       $("div").animate({
                             left: "+=50"},3000)})
       })
   </script>