【问题标题】:Animated Pull Cord动画拉绳
【发布时间】:2012-04-13 18:39:52
【问题描述】:

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

但是我想知道是否可以通过用鼠标向下拖动然后自动回弹来创建“拉动”动作。

作为额外的一点,是否可以限制可以拉取的次数?

【问题讨论】:

  • 好吧,我对 jQuery / Javascript 并没有太多经验,所以我可以使用缓动插件让它在点击时执行我想要的动画。但是我希望它是可拖动的。到目前为止,关于有限的拉动什么都没有。
  • 拖动时不要使用缓动!它只会毁了整个事情。
  • 我会使用 jQuery 函数 animate。动画两个图像的宽度 - 每边的窗帘,绝对定位 - 分别左:0px和右:0px
  • 嘿 T4NK3R,谢谢。抱歉,我不会使用其中的窗帘部分。这只是我之后的拉弦。还是谢谢。

标签: javascript jquery html animation jquery-animate


【解决方案1】:

那么,这就是你想要的?

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

【讨论】:

  • 完美!太感谢了。我现在可以添加动画将其拉回。
  • 还有一件事。有没有办法可以限制它可以拉到多远?谢谢
  • @Chris Till - 更新了演示,看看吧!现在y不能拉过0,只能拉一次。
  • 太好了!现在某处只有一个问题。出于某种原因,它只允许我做一次。
  • 嗯,我解绑了事件来限制它。您可能想数一下,当它达到 5 时,您可以取消绑定事件。 ($(this).unbind())
猜你喜欢
  • 1970-01-01
  • 2011-02-06
  • 2016-11-14
  • 1970-01-01
  • 1970-01-01
  • 2020-10-06
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多