原生js实现移动开发轮播图、相册滑动特效

使用方法:

分别引用css文件和js文件 如:




html:

  • javascript:

    window.onload=function(){
    photoSlide({
    wrap: document.getElementById('photo'),//最外层容器
    loop: true,//设置无缝循环
    autoPlay:true,//自动轮播
    autoTime:4000,//轮播时间间隔
    pagination:true //点状态列表
    });
    }
    
    

    完整示例:

    
    
    
    
    
    photoSlider-纯js移动开发轮播图、相册滑动插件
    
    
    
    
    
    
    
    
    
    
    
    
    
    

    以上所述就是本文的全部内容了,希望大家能够喜欢。

    你可能感兴趣的:(原生js实现移动开发轮播图、相册滑动特效)