基于jQuery的左滑出现删除按钮的示例

最近在做项目的时候遇到了个需求,在网页上实现类似于QQ会话列表那样子的左滑出现删除按钮的效果,于是尝试着写了一个,写出来与大家交流分享,大神勿喷。 基本要求 由于我们是在做一个跨平台的APP,里面部分界面其实就是WebView加载的网页,因此需要使用网页实现这样的效果:往左滑动时,显示删除按钮,再往右滑,隐藏删除按钮。 成品示例图 额,先上图吧。下面分别是在PC浏览器里和在Mobile浏览器里的效果。 PC浏览器 手机浏览器 实现思路 为了说明我的实现思路,做了两个图来辅助说明。 首先,请看图1。在图中,我们设置每一行的宽度超过浏览器的宽度,其超出的部分就是放置按钮的区域。由于超出了浏览