VsCarousel美观的轮播图插件(原创)

 查看演示  website  立即下载

更新时间：2020-09-03 22:58:15

更新说明：demo修改

更新时间：2020-09-03 16:52:23

<!-- 请设置轮播图容器的高度 -->
<div id="vsCarousel" class="vsCarousel m-show">
    <!-- 轮播图元素列表 -->
    <ul class="vsCarousel-wrapper">
        <li class="vsCarousel-slide"><img src="https://picsum.photos/id/250/500/200" alt="1"></li>
        <li class="vsCarousel-slide"><img src="https://picsum.photos/id/251/500/200" alt="2"></li>
        <li class="vsCarousel-slide"><img src="https://picsum.photos/id/252/500/200" alt="3"></li>
    </ul>
    <!-- 前进后退按钮 -->
    <div class="vsCarousel-button">
        <button class="vsCarousel-button-prev"></button>
        <button class="vsCarousel-button-next"></button>
    </div>
    <!-- 分页器 -->
    <div class="vsCarousel-page">
        <button class="vsCarousel-page-play"></button>
        <button class="vsCarousel-page-button" data-index="1"></button>
        <button class="vsCarousel-page-button" data-index="2"></button>
        <button class="vsCarousel-page-button" data-index="3"></button>
    </div>
</div>

PREVIOUS:
NEXT:
jQuery验证码
jquery bootstraps响应式数码产品介绍类网站模板