【问题标题】:gallery/div slide based on cursor position基于光标位置的图库/div 幻灯片
【发布时间】:2011-09-02 23:29:12
【问题描述】:

我正在寻找一种解决方案,根据光标与窗口左侧或右侧的接近程度为水平画廊 (div) 设置动画。窗口的中心不会做任何事情,但是当您开始向左移动时,画廊会向右滑动,反之亦然。很常见的事情,但我想用 javascript/jquery 来完成。如果有人能让我走上正轨,我将不胜感激。

【问题讨论】:

  • 可能是 freelancer.com 的好帖子

标签: javascript jquery slider gallery jquery-animate


【解决方案1】:

(编辑)有关更新和改进的示例,请转到此 SO 问题
Horizontal scroll on mouseMove - wide div in smaller div with overflow:hidden (Can't get the math to work)


我创建了一个 mousemove 画廊。 希望这会有所帮助。

JSFIDDLE 演示:MOUSEMOVE GALLERY

只需在 CSS 中设置画廊容器所需的宽度和高度。
用图片填充画廊,尽情享受吧! :)
代码被简化和注释以帮助任何人升级它。

【讨论】:

【解决方案2】:
猜你喜欢
  • 1970-01-01
  • 2018-11-28
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2020-04-26
  • 2016-11-25
相关资源
最近更新 更多