MUI - UI

图片轮播控件

<div id="slider" class="mui-slider" >
    <!-- mui-slider-group 组成滚播ui -->
    <!-- mui-slider-loop  表示循环 -->
    <div class="mui-slider-group mui-slider-loop">
        <!-- 额外增加的一个节点(循环轮播：第一个节点是最后一张轮播) -->
        <div class="mui-slider-item mui-slider-item-duplicate">
            <a href="#"><img src="../images/4.jpg"></a>
        </div>
        <div class="mui-slider-item">
            <a href="#"><img src="../images/1.jpg"></a>
        </div>
        <div class="mui-slider-item">
            <a href="#"><img src="../images/2.jpg"></a>
        </div>
        <div class="mui-slider-item">
            <a href="#"><img src="../images/3.jpg"></a>
        </div>
        <div class="mui-slider-item">
            <a href="#"><img src="../images/4.jpg"></a>
        </div>
        <div class="mui-slider-item mui-slider-item-duplicate">
            <a href="#"><img src="../images/1.jpg"></a>
        </div>
    </div>
    <div class="mui-slider-indicator">
        <div class="mui-indicator mui-active"></div>
        <div class="mui-indicator"></div>
        <div class="mui-indicator"></div>
        <div class="mui-indicator"></div>
    </div>
</div>