Swiped.js 正在参加 2020 年度 OSC 中国开源项目评选,请投票支持!
Swiped.js 在 2020 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
投票让它出道
已投票
授权协议: MIT
开发语言: JavaScript 查看源码 »
操作系统: 跨平台
收录时间: 2016-03-29

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)
    }
});
展开阅读全文

代码

的 Gitee 指数为
超过 的项目

Swiped.js 的相关资讯

还没有任何资讯

Swiped.js 的相关博客

[js]javascript索引

js&jq总结的还是挺棒的: http://www.cnblogs.com/yuanchenqi/articles/5980312.html http://www.cnblogs.com/yuanchenqi/art...

JavaScript(js)笔记

js注释 JavaScript注释与Java注释相同 // 单行注释 /* 多行注释 */ js五大基本类型:   number(数值型)、string(...

JS|JavaScript库

欢迎点击「算法与编程之美」↑关注我们! 本文首发于微信公众号:"算法与编程之美",欢迎关注,及时了解更多此系列文章。 问题...

js 封装 js

define(['jquery'], function($) { var orderSummary = { $el: $('.summary-totals'), updateUrl : '../checkout/orderSummar...

Javascript---Javascript简介

Javascript学习记录 读Javascript高级程序设计(3版)记录

浅谈JS之text/javascript和application/javascript

问题描述: JS在IE8以下浏览器运行异常 代码: <script>标签是这样子写的: <script type="application/javascript"> //...

javaScript(引入外部js/补充js)

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"></script> <!--一般...

JS 有趣的JS

一、 var arr = []; for (var i = 0; i < 3; i++) { arr[i] = function() { console.log(i+'__') // 3 ...

JS(JavaScript)初始

day43 JS初识 今日内容: HTML: 文档结构 CSS: 修改文档的外观样式 JS:实现页面上的动态 JS文件的引入方式:   1.script标签内...

Swiped.js 的相关问答

还没有任何问答,马上提问

评论 (0)

加载中
更多评论
0 评论
2 收藏
分享
返回顶部
顶部