- 授权协议: MIT
- 开发语言: JavaScript
- 操作系统: 跨平台
- 软件首页: https://github.com/mishk0/swiped
- 软件文档: https://github.com/mishk0/swiped/blob/master/README.md
- 官方下载: https://github.com/mishk0/swiped/archive/master.zip
软件介绍
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)
}
});

