在桌面上使用鼠标轻扫手势,如Photoswipe,但为div设置动画

时间:2012-03-14 15:55:05

标签: javascript mouseevent swipe photoswipe

我正在搜索像Photoswipe这样的脚本,可以在鼠标事件的桌面上工作,模拟滑动手势。 没有缩略图的Photoswipe是完美的 - 只有我想要动画不仅是图像而且是整个div!

1 个答案:

答案 0 :(得分:1)

第一个好看的结果是一个名为jQuery mouseSwipe的jQuery插件。 但是这个脚本只在父div中移动,父div包含可视化移动的项目。 如果这还不够,你应该考虑为自己写一些东西。

收听mousedownmouseup个事件,并检查从起点到终点的距离。如果它高于你定义的阈值,让我们说100像素,根据移动的方向转到下一个或上一个元素。

如果您希望将其设置为动画,则还应该听取mousemove事件并移动元素。