2012-04-13 87 views
1

我正在尝试在jQuery中创建类似于本教程http://buildinternet.com/live/curtains/的拉线效果。我一直在玩这个演示中的代码,并添加了一个动画来拉动线缆备份。动画拉线

但是我想知道是否有可能通过用鼠标拖动鼠标来创建“拉动”动作,然后自动反冲回来。

作为一个额外的位,是否有可能限制它可以拉的次数?

+0

好了,我真的没有使用jQuery/JavaScript的太多经验,所以我能够使用的宽松插件让它做我想做的点击动画。但我希望它是可拖动的。至于有限的拉什么到目前为止。 – 2012-04-13 18:44:34

+0

拖动时不要使用缓动!它会毁了整个事情。 – 2012-04-13 19:15:19

+0

我会使用jQuery函数动画。 动画的宽度两个图像 - 每边的窗帘,绝对定位 - 左:0px和右:0px分别 – T4NK3R 2012-04-13 19:22:32

回答

1

那么,这是你想要的?

http://jsfiddle.net/DerekL/GyfSQ/

+1

完美!非常感谢。我现在只需添加动画即可将其恢复。 – 2012-04-13 19:32:55

+0

还有一件事。有没有一种方法可以限制它可以拉多远?谢谢 – 2012-04-13 20:13:22

+0

@Chris Till - 更新了演示,检查出来!现在它不能为'y'拉过0,只能拉一次。 – 2012-04-13 21:34:20