slider.js轮播图的使用方法

浏览:3170 发布日期:2016/11/28 分类:技术分享
<script src="../addons/envknowledge/template/mobile/js/jquery-1.8.3.min.js"></script> 
<script src="../addons/envknowledge/template/mobile/js/slider.js"></script> 
<div class="slider">
        <div class="slider-container">
            <div class="slider-wrapper">
                <div class="slide"> <img src="../addons/envknowledge/template/mobile/image/huanbaozhishi_banner.png" width="44%;"> </div>
                  <div class="slide"> <img src="../addons/envknowledge/template/mobile/image/huanbaozhishi_banner02.png" width="44%;"> </div>
                  <div class="slide"> <img src="../addons/envknowledge/template/mobile/image/huanbaozhishi_banner.png" width="44%;"> </div>
                  <div class="slide"> <img src="../addons/envknowledge/template/mobile/image/huanbaozhishi_banner02.png" width="44%;"> </div>
                  
            </div>
        </div>
        </div>
<script type="text/javascript">
    (function() {
        Slider.init({
            target: $('.slider'),
            time: 3000
        });
    })();
</script>
最佳答案
评论( 相关
后面还有条评论,点击查看>>