gallery / div基于光标位置滑动

时间:2011-05-26 21:41:41

标签: javascript jquery slider gallery jquery-animate

我正在寻找一种解决方案,根据光标靠近窗口的左侧或右侧来设置水平图库(div)的动画效果。窗口的中心什么都不做,但是当你开始向左爬行时,画廊向右滑动,反之亦然。很常见的事情,但我想用javascript / jquery完成这个。如果有人能让我走上正轨,我将不胜感激。

2 个答案:

答案 0 :(得分:2)

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


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

JSFIDDLE DEMO:MOUSEMOVE GALLERY

只需将css设置为图库容器所需的宽度和高度。
在图库中填充图像并欣赏! :)
代码简单并注释以帮助任何人升级它。

答案 1 :(得分:-1)