文章/答案/技术大牛

发布

社区首页 >问答首页 >使用Vanilla Javascript使用鼠标事件向右和向左移动/滑动图像

问使用Vanilla Javascript使用鼠标事件向右和向左移动/滑动图像
EN

Stack Overflow用户

提问于 2016-11-18 19:48:45

回答 1查看 1.1K关注 0票数 3

我有一堆图片。当我将鼠标指针向左移动时，它应该会显示堆栈上的下一个图像。当我向右移动鼠标时，它会将我带到另一个页面。

JSFiddle demo

<div class="container">
    <div class="image1 image"></div>
    <div class="image2 image"></div>
    <div class="image3 image"></div>
    <div class="image4 image"></div>
    <div class="image5 image"></div>
</div>

它的设计很像手机上的Tinder应用。下面是一些通过jquery实现的链接：

Tinder Animation

Swipe Cards

我如何用纯JavaScript做到这一点呢？

javascript

mouseevent

swipe

回答 1

Stack Overflow用户

发布于 2016-11-21 22:03:12

您希望捕获某个起始位置的鼠标坐标，然后捕获onmousemove事件以获得新的坐标。查看差异向量(可能首先将其转换为极坐标)，以确定它是否移动到足以触发另一个动作。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/40676413

复制

相似问题

问使用Vanilla Javascript使用鼠标事件向右和向左移动/滑动图像
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用Vanilla Javascript使用鼠标事件向右和向左移动/滑动图像EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问使用Vanilla Javascript使用鼠标事件向右和向左移动/滑动图像
EN