zoukankan      html  css  js  c++  java
  • 移动端全屏滑动的小插件,简单,轻便,好用,只有3k swiper,myswiper,page,stage

    https://github.com/donglegend/mySwiper

    mySwiper

    移动端全屏滑动的小插件,简单,轻便,好用,只有3k

    下载

    • 直接下载
    • bower install mySwiper

    预览

    预览demo

    使用

    支持amd和cmd规范

    直接引入

    <link rel="stylesheet" type="text/css" href="dist/swiper.css">
    <script type="text/javascript" src="dist/swiper.js"></script>
    <script type="text/javascript">
        var mySwiper = new Swiper(ops);
    </script>
    

    require.js 和 sea.js 引入

    node环境引入

    var Swiper = require("dist/swiper");
    var mySwiper = new Swiper();
    

    参数

    stage: ".stage", //容器,默认类名  .stage
    page: ".page", //单页面, 默认类名  .page
    direction: "vertical", //方向 vertical(默认), horizontal
    activeClass: "active", 
    threshold: 50, // 翻页阈值,滑动的最小距离
    duration: 300, // 页面过度 时间
    elastic: 3 //弹性大小,值越大,滑动越不容易
  • 相关阅读:
    最小乘积(基本型)
    删除数组零元素
    大小写转换
    矩阵乘法
    字串统计
    出现次数最多的整数
    Anagrams问题
    前缀表达式
    2的次幂表示
    POJ
  • 原文地址:https://www.cnblogs.com/donglegend/p/5367261.html
Copyright © 2011-2022 走看看