js实现图片左右滚动,点击向右时无反应

我想实现点击按钮时实现图片的左右滚动,但是现在图片点击向左的按钮时图片可以滚动,但是点击向右的时候,图片没反应啊,这是怎么回事,求大神,以下是我的代码:

 $(".page").css("left","0")
    $(".arrow_left").click(function(){
        $(".page").animate({left:-236},100,function(){
            $(".page li:last").after($(".page li:first"))
            $(".page").css("left","0")
            })
        })
    $(".arrow_right").click(function(){
        $(".page").animate({right:0},100,function(){
            $(".page li:first").before($(".page li:last"))
            $(".page").css("left","0")
            })
        })
  <div class="arrow_left"><img src="../../res/images/appdetails/arrow_left.png"></div>
    <div class="arrow_right"><img src="../../res/images/appdetails/arrow_right.png"></div>
 <div class="page_show">
    <div class="page">

3个回答

$(".page").animate({right:0} 这里你写的向右0距离。。

tianguozhiya
去你大爷的昵称已存在 可是这样$(".page").animate({right:236}写也没反应啊
大约 4 年之前 回复
tianguozhiya
去你大爷的昵称已存在 可是这样$(".page").animate({right:236}写也没反应啊
大约 4 年之前 回复

不用同时设absolute定位的对象left,right2个属性,只能设置其中一个,要实现由移动,增大你的left

absolute定位,同楼上,

  $(".arrow_right").click(function(){
        $(".page").animate({left:0},100,function(){
            $(".page li:first").before($(".page li:last"))
            $(".page").css("left","-236")
            })
        })
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问
相关内容推荐