当前位置: 首页 > 软件库 > iOS代码库 > 列表(Table) >

Swiped.js

移动应用滑动列表
授权协议 MIT
开发语言 JavaScript
所属分类 iOS代码库、 列表(Table)
软件类型 开源软件
地区 不详
投 递 者 左丘宜然
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

Swiped.js 提供漂亮的移动应用可滑动列表样式,采用原生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)
    }
});
  • import React from 'react'; import {Animated, Easing, StyleSheet, View} from 'react-native'; import invariant from '../utils/invariant'; import NavigationScenesReducer from './ScenesReducer'; // Used

  • JS 流行库(三):Zepto Zepto 框架是一个类似于 jQuery 的轻量级框架,抛弃了低级浏览器的适配问题,所以体积更小,如果会使用 jQuery,那么基本上也会使用 Zepto,jQuery 通常用于 PC 端,而 Zepto 通常用于移动端,所以说,Zepto 即为用于移动端的轻量级 jQuery 下载 Zetpo 库 基本使用 导入 Zepto 核心库 <script src=".

  • 所以我试图通过javascript从读卡器获取信用卡信息。 这就是我所拥有的: function readCard () { $("#swiped").focus(); //setup before functions var typingTimer; //timer identifier var doneTypingInterval = 2000; //time in ms, 5 second

 相关资料
  • 滑动操作列表是列表的扩展,它提供滑动操作的功能,滑动列表元素可以展现隐藏的功能菜单,就像滑动删除一样。 让我们来看一下滑动列表元素的布局结构: <div class="list-block"> <ul> <!-- li上额外的“swipeout”类 --> <li class="swipeout"> <!-- 被“swipeout-content”包裹起来的普通列表

  • 这是一个关于如何使用魔法棋盘在国际象棋中验证滑动棋子移动的大局的问题。我只是想澄清一下,我不是在问魔法比特板在内部是如何工作的。 现在,关于这个问题的更多细节。我正在使用位板编写棋盘表示,我想使用魔术位板验证滑块移动。有人能列出如何实现这一目标的主要步骤吗?作为一个例子,考虑以下棋盘位置: 假设我们已经初始化并准备好使用所有魔术位板函数和数据结构。因此,仅使用魔法比特板的函数签名,您能否列出验证g

  • 了解如何下载和使用 Photoshop Fix、Photoshop Mix、Photoshop Sketch、Preview CC 及 Lightroom Mobile Adobe Photoshop Fix 使用 Adobe Photoshop Fix,可将 Adobe Photoshop 桌面软件的强大功能与移动设备的便利性相结合,从而在您的 iPhone 或 iPad 上提供富有创意且易于使

  • 依照国际惯例,我们还将用Ionic 2继续创建hello,world。 hello,world 开始之前我们需要先安装Ionic的命令行工具,后面我们需要用这个工具来创建工程。 npm install -g ionic@beta 如果没有意外,我们将安装成功,然后可以使用ionic命令: 它自带了一系列的工具来加速我们的开发,这些工具可以在后面的章节中学习到。 Available tasks: (

  • 本文向大家介绍js滚动条平滑移动示例代码,包括了js滚动条平滑移动示例代码的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了js滚动条平滑移动相关代码,供大家参考,具体内容如下 html页 js页 css页 以上就是本文的全部内容,希望对大家的学习有所帮助。

  • 问题内容: 我想做的只是为移动设备添加左/右触摸滑动功能。我怎样才能做到这一点? 另外,如何使显示在悬停时的上一个/下一个按钮变小,以用于移动/ ipad版本? 谢谢 问题答案: 更新: 当我刚接触Web设计时,我想到了此解决方案。既然我年纪大一些又聪明了, 马克·希尔拉迪 ( Mark Shiraldi) 给出的答案似乎是一个更好的选择。参见下一个最佳答案;这是一个更有效率的解决方案。 我最近参