• 技术文章 >web前端 >js教程

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

    2016-05-16 16:03:21原创600
    使用方法:

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

    
    
    
    

    html:

  • javascript:

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

    完整示例:

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

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

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    上一篇:JavaScript控制网页平滑滚动到指定元素位置的方法_javascript技巧 下一篇:js实现touch移动触屏滑动事件_javascript技巧
    大前端线上培训班

    相关文章推荐

    • innerhtml是jquery方法么• javascript怎么设置标签的背景颜色• jquery select 不可编辑怎么办• javascript 怎么将时间转毫秒• 浅谈怎么利用node提升工作效率

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网