jquery无缝轮播图

本编是jquery无缝轮播图讲解

效果

html代码

<!--banner-position-->
<section class="bannerPosition banner main">
    <h1 class="size_3">bannerPosition</h1>
    <div class="list flex">
        <!--无缝轮播图最重要的第一个为最后一个，最后一个为第一个-->
        <div class="size_3 flex-center">3</div>
        <div class="size_3 flex-center">1</div>
        <div class="size_3 flex-center">2</div>
        <div class="size_3 flex-center">3</div>
        <div class="size_3 flex-center">1</div>
    </div>
    <!--按钮-->
    <div class="banner-btn">
        <div class="banner-prev">
            <i class="uil uil-angle-left-b"></i>
        </div>
        <div class="banner-next">
            <i class="uil uil-angle-right-b"></i>
        <