如何使用nextbutton和prevbutton单击move oneitem是左键和右键jquery我想要幻灯片项。。如何使用jquery

我想要下一个按钮单击右侧幻灯片一项和上一个按钮单击左侧幻灯片我想知道如何使用jquery。。。。 请帮帮我。。。我累了

<div class="items">
    <div class="item">1</div>
    <div class="item">2</div>
    <div class="item">3</div>
    <div class="item">4</div>
    <div class="item">5</div>
    <div class="item">6</div>
    <div class="item">7</div>
    <div class="item">8</div>
</div>
<div class="nextbutton">Next</div>
<div class="prevbutton">Prev</div>

用小提琴

            $(document).ready(function(){

                $(".prevbutton").click(function(){
                    $( ".items" ).scrollLeft( $( ".items" ).scrollLeft()-200 );
                    //how use one item
                });

                $(".nextbutton").click(function(){
                                $( ".items" ).scrollLeft( $( ".items" ).scrollLeft()+200 );
                });

        });

            $(document).ready(function(){

                $(".prevbutton").click(function(){
                    $( ".items" ).scrollLeft( $( ".items" ).scrollLeft()-200 );
                    //how use one item
                });

                $(".nextbutton").click(function(){
                                $( ".items" ).scrollLeft( $( ".items" ).scrollLeft()+200 );
                });

        });

            $(document).ready(function(){

                $(".prevbutton").click(function(){
                    $( ".items" ).scrollLeft( $( ".items" ).scrollLeft()-200 );
                    //how use one item
                });

                $(".nextbutton").click(function(){
                                $( ".items" ).scrollLeft( $( ".items" ).scrollLeft()+200 );
                });

        });

            $(document).ready(function(){

                $(".prevbutton").click(function(){
                    $( ".items" ).scrollLeft( $( ".items" ).scrollLeft()-200 );
                    //how use one item
                });

                $(".nextbutton").click(function(){
                                $( ".items" ).scrollLeft( $( ".items" ).scrollLeft()+200 );
                });

        });

以下是您想要的：

$(".prevbutton").click(function(){
        $(".items").animate({scrollLeft: $( ".items" ).scrollLeft()-210},600);
});

$(".nextbutton").click(function(){
    $(".items").animate({scrollLeft: $( ".items" ).scrollLeft()+210},600);
});

这里是您想要的：

$(".prevbutton").click(function(){
        $(".items").animate({scrollLeft: $( ".items" ).scrollLeft()-210},600);
});

$(".nextbutton").click(function(){
    $(".items").animate({scrollLeft: $( ".items" ).scrollLeft()+210},600);
});

这里是您想要的：

$(".prevbutton").click(function(){
        $(".items").animate({scrollLeft: $( ".items" ).scrollLeft()-210},600);
});

$(".nextbutton").click(function(){
    $(".items").animate({scrollLeft: $( ".items" ).scrollLeft()+210},600);
});

这里是您想要的：

$(".prevbutton").click(function(){
        $(".items").animate({scrollLeft: $( ".items" ).scrollLeft()-210},600);
});

$(".nextbutton").click(function(){
    $(".items").animate({scrollLeft: $( ".items" ).scrollLeft()+210},600);
});

---

也许这会有帮助不先生，我不使用插件…….也许这会有帮助不先生，我不使用插件…….也许这会有帮助不先生，我不使用插件…….也许这会有帮助不先生，我不使用插件…….我想要滑动移动效果我想要滑动移动效果我想要滑动移动效果