移动应用滑动列表 Swiped.js

码农软件 · 软件分类 · 列表(Table) · 2019-05-25 07:12:53

软件介绍

Swiped.js 提供漂亮的移动应用可滑动列表样式,采用原生JS编写。

swiped.js

功能特性:

  • 免费,无依赖包

  • 对不同程度的滑动显示不同效果

  • 支持类似QQ的滑动删除

  • 便于使用

  • 支持CSS改变样式

安装

npm install swiped  
bower install swipe

使用

直接给HTML标签添加Class即可:

<div class="foo">
    elem1
</div>

多个滑动项 :

<ul class="bar">
    <li>
        elem3
    </li>
    <li>
        elem4
    </li>
    <li>
        elem5
    </li>
</ul>

收缩 :

<div class="foo"><span></span>element 16</div>

单个初始化 :

var s1 = Swiped.init({
    query: '.foo',
    right: 300});

多个初始化 :

var s2 = Swiped.init({
    query: '.bar li',
    list: true,
    left: 200,
    right: 200});

收缩功能初始化 :

var s3 = Swiped.init({
    query: '.foo',
    left: 400
});

document.querySelector('.foo span').addEventListener('touchstart', function() {
    s3.toggle();
});

实现滑动删除

Swiped.init({
    query: '.baz',
    right: 400,
    onOpen: function() {
        this.destroy(true)
    }
});

本文地址:https://codercto.com/soft/d/6489.html

程序设计实践

程序设计实践

[美] BRIAN W.KERNIG / 裘宗燕 / 机械工业出版社 / 2007-1 / 59.00元

从排错、测试、性能、可移植性、设计、界面、风格和记法等方面,讨论了程序设计中实际的、又是非常深刻和具有广泛意义的思想、技术和方法,它的翻译出版将填补国内目前这方面书籍的空白。《程序设计实践》(双语版)值得每个梦想并努力使自己成为优秀程序员的人参考,值得每个计算机专业的学生和计算机工作者阅读,也可作为程序设计高级课程的教材或参考书。一起来看看 《程序设计实践》 这本书的介绍吧!

HTML 压缩/解压工具
HTML 压缩/解压工具

在线压缩/解压 HTML 代码

JSON 在线解析
JSON 在线解析

在线 JSON 格式化工具

HEX CMYK 转换工具
HEX CMYK 转换工具

HEX CMYK 互转工具