Question

jquery 移动div,可循环移动，到末尾的时候跳回到开始。

$(".an_01").click(function(){
$(".body_right_01_01").animate({right:'+=220px'});
});
$(".an_02").click(function(){
$(".body_right_01_01").animate({right:'-=220px'});
});
以上是代码，就是
按一下an_01 div 就向右移动220px,
按一下an_02 div 就向左移动220px,

问题就是，到尽头了怎么办？如何让它跳回到初始的地方？？？

Answer 1

你好！！

通过你进行动画元素的right值，与你所有的“尽头”这个值进行比较，如果大于这个值时，将该元素right值设置为0即可。

另外，按下an_01  div 是不是表达为应该向左移动？！

简单代码：

$(".an_01").click(function(){
    $(".body_right_01_01").animate({right:'+=220px'},function(){    
               //你的尽头值
               var  maxLimit = 500;
               //当前移动元素的位置
               var  _right = parseInt( $(this).css("right") );
               //超出范围设置回到起点
               if( _right > maxLimit ){
                     $(this).css({"right":0});                      
               }
    });
});

追问

这位兄弟真是高手，现在能自动跳回来了，还有就是，an_02呢？怎么让他向左移动？

追答

an_02 与 an_01 是一样的道理，只不过一个是设置right的值为增加，一个是减少而已。

你是缺乏思考吧，XD！

$(".an_02").click(function(){
    $(".body_right_01_01").animate({right:'-=220px'},function(){    
               //你的尽头值
               var  maxLimit = 500;
               //当前移动元素的位置
               var  _right = parseInt( $(this).css("right") );
               //超出范围设置回到起点
               if(  Math.abs(_right) > maxLimit ){
                     $(this).css({"right":0});                      
               }
    });
});

追问

兄弟啊，不是缺乏思考，我试了，
是这样子的，如果那样子，它是移不动的，或者一直循环在 right:0px; 里~
还得麻烦你啊~

追答

那真帮不了你了~~饭都喂到嘴边了····自己看着办吧···

Answer 2

jquery中有一个scrollLeft方法可以判断一个元素的左偏移量。
你可以做一个判断当元素左偏移量达到一定时候就返回最左边或者最右边去！
希望对你有帮助！

追问

麻烦仁兄根据上面的代码帮我修改一下