精致的H5列表侧滑组件。H5页面侧滑删除、修改的功能组件。资源-CSDN文库

共7个文件

js：3个

jpg：2个

html：1个

5星 · 超过95%的资源需积分: 45 189 浏览量 2018-01-26 09:45:45 上传评论 9 收藏 189KB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

Touch-1.2.zip （7个子文件）

Touch

sideslipMob.min.js 4KB

sideslipMob.js 8KB

img

muwu.jpg 112KB

shuijiao.jpg 69KB

main.html 11KB

sideslip.css 1KB

sideslipCom.js 4KB

<!doctype html> <html> <head> <meta charset="UTF-8"> <title>移动端Touch事件</title> <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> <link href="sideslip.css" rel="stylesheet" /> </head> <body id="bodys"> <div style="height: 1rem;"></div> <div id="scrollWrap">  <div class="listContext" id="listContext"> <div class="list"> <div class="sideslipBody">  <div class="viewCon" style="border: 0px #0f0 solid;display: flex;padding-left: 12px;align-items: center;"> <div style="border: 0px #f00 solid;width: 80px;height: 45px;"> <img src="img/muwu.jpg" width="100%" height="100%"/> </div> <div style="margin-left: 10px;"> <p style="margin: 0;">人性</p> <p style="color: #8f8f94;margin: 0;">贪婪，人类最大的缺陷</p> </div> </div>  </div> <div class="sideslipTitle right"> <a class="subRight collection" onclick="Delete()">收藏</a> <a class="subRight update" onclick="Update()">修改</a> <a class="subRight delete" onclick="Delete()">记忆</a> </div> </div> <div class="list"><div class="sideslipBody"><div class="viewCon" style="border: 0px #0f0 solid;display: flex;padding-left: 12px;align-items: center;"><div style="border: 0px #f00 solid;width: 80px;height: 45px;"><img src="img/muwu.jpg" width="100%" height="100%"/></div><div style="margin-left: 10px;"><p style="margin: 0;">人性</p><p style="color: #8f8f94;margin: 0;">贪婪，人类最大的缺陷</p></div></div> </div><div class="sideslipTitle right"><a class="subRight collection" onclick="Delete()">收藏</a><a class="subRight update" onclick="Update()">修改</a><a class="subRight delete" onclick="Delete()">记忆</a></div></div><div class="list"><div class="sideslipBody"><div class="viewCon" style="border: 0px #0f0 solid;display: flex;padding-left: 12px;align-items: center;"><div style="border: 0px #f00 solid;width: 80px;height: 45px;"><img src="img/muwu.jpg" width="100%" height="100%"/></div><div style="margin-left: 10px;"><p style="margin: 0;">人性</p><p style="color: #8f8f94;margin: 0;">贪婪，人类最大的缺陷</p></div></div> </div><div class="sideslipTitle right"><a class="subRight collection" onclick="Delete()">收藏</a><a class="subRight update" onclick="Update()">修改</a></div></div> <div class="list"><div class="sideslipBody"><div class="viewCon" style="border: 0px #0f0 solid;display: flex;padding-left: 12px;align-items: center;"><div style="border: 0px #f00 solid;width: 80px;height: 45px;"><img src="img/muwu.jpg" width="100%" height="100%"/></div><div style="margin-left: 10px;"><p style="margin: 0;">人性</p><p style="color: #8f8f94;margin: 0;">贪婪，人类最大的缺陷</p></div></div> </div><div class="sideslipTitle right"><a class="subRight collection" onclick="Delete()">收藏</a><a class="subRight update" onclick="Update()">修改</a><a class="subRight delete" onclick="Delete()">记忆</a></div></div><div class="list"><div class="sideslipBody"><div class="viewCon" style="border: 0px #0f0 solid;display: flex;padding-left: 12px;align-items: center;"><div style="border: 0px #f00 solid;width: 80px;height: 45px;"><img src="img/muwu.jpg" width="100%" height="100%"/></div><div style="margin-left: 10px;"><p style="margin: 0;">人性</p><p style="color: #8f8f94;margin: 0;">贪婪，人类最大的缺陷</p></div></div> </div><div class="sideslipTitle right"><a class="subRight collection" onclick="Delete()">收藏</a><a class="subRight update" onclick="Update()">修改</a></div></div> <div class="list"><div class="sideslipBody"><div class="viewCon" style="border: 0px #0f0 solid;display: flex;padding-left: 12px;align-items: center;"><div style="border: 0px #f00 solid;width: 80px;height: 45px;"><img src="img/muwu.jpg" width="100%" height="100%"/></div><div style="margin-left: 10px;"><p style="margin: 0;">人性</p><p style="color: #8f8f94;margin: 0;">贪婪，人类最大的缺陷</p></div></div> </div><div class="sideslipTitle right"><a class="subRight collection" onclick="Delete()">收藏</a><a class="subRight update" onclick="Update()">修改</a><a class="subRight delete" onclick="Delete()">记忆</a></div></div><div class="list"><div class="sideslipBody"><div class="viewCon" style="border: 0px #0f0 solid;display: flex;padding-left: 12px;align-items: center;"><div style="border: 0px #f00 solid;width: 80px;height: 45px;"><img src="img/muwu.jpg" width="100%" height="100%"/></div><div style="margin-left: 10px;"><p style="margin: 0;">人性</p><p style="color: #8f8f94;margin: 0;">贪婪，人类最大的缺陷</p></div></div> </div><div class="sideslipTitle right"><a class="subRight collection" onclick="Delete()">收藏</a><a class="subRight update" onclick="Update()">修改</a></div></div> <div class="list"><div class="sideslipBody"><div class="viewCon" style="border: 0px #0f0 solid;display: flex;padding-left: 12px;align-items: center;"><div style="border: 0px #f00 solid;width: 80px;height: 45px;"><img src="img/muwu.jpg" width="100%" height="100%"/></div><div style="margin-left: 10px;"><p style="margin: 0;">人性</p><p style="color: #8f8f94;margin: 0;">贪婪，人类最大的缺陷</p></div></div> </div><div class="sideslipTitle right"><a class="subRight collection" onclick="Delete()">收藏</a><a class="subRight update" onclick="Update()">修改</a><a class="subRight delete" onclick="Delete()">记忆</a></div></div><div class="list"><div class="sideslipBody"><div class="viewCon" style="border: 0px #0f0 solid;display: flex;padding-left: 12px;align-items: center;"><div style="border: 0px #f00 solid;width: 80px;height: 45px;"><img src="img/muwu.jpg" width="100%" height="100%"/></div><div style="margin-left: 10px;"><p style="margin: 0;">人性</p><p style="color: #8f8f94;margin: 0;">贪婪，人类最大的缺陷</p></div></div> </div><div class="sideslipTitle right"><a class="subRight collection" onclick="Delete()">收藏</a><a class="subRight update" onclick="Update()">修改</a></div></div> <div class="list"><div class="sideslipBody"><div class="viewCon" style="border: 0px #0f0 solid;display: flex;padding-left: 12px;align-items: center;"><div style="border: 0px #f00 solid;width: 80px;height: 45px;"><img src="img/muwu.jpg" width="100%" height="100%"/></div><div style="margin-left: 10px;"><p style="margin: 0;">人性</p><p style="color: #8f8f94;margin: 0;">贪婪，人类最大的缺陷</p></div></div> </div><div class="sideslipTitle right"><a class="subRight collection" onclick="Delete()">收藏</a><a class="subRight update" onclick="Update()">修改</a><a class="subRight delete" onclick="Delete()">记忆</a></div></div><div class="list"><div class="sideslipBody"><div class="viewCon" style="border: 0px #0f0 solid;display: flex;padding-left: 12px;align-items: center;"><div style="border: 0px #f00 solid;width: 80px;height: 45px;"><img src="img/muwu.jpg" width="100%" height="100%"/></div><div style="margin-left: 10px;"><p style="margin: 0;">人性</p><p style="color: #8f8f94;margin: 0;">贪婪，人类最大的缺陷</p></div></div> </div><div class="sideslipTitle right"><a class="subRight collection" onclick="Delete()">收藏</a><a class="subRight update" onclick="Update()">修改</a></div></div> <div class="list"><div class="sideslipBody"><div

评论收藏

内容反馈