動畫拉線

我正在嘗試在jQuery中創建類似於本教程http://buildinternet.com/live/curtains/的拉線效果。我一直在玩這個演示中的代碼，並添加了一個動畫來拉動線纜備份。動畫拉線

但是我想知道是否有可能通過用鼠標拖動鼠標來創建「拉動」動作，然後自動反衝回來。

作爲一個額外的位，是否有可能限制它可以拉的次數？

2012-04-13 Chris Till

好了，我真的沒有使用jQuery/JavaScript的太多經驗，所以我能夠使用的寬鬆插件讓它做我想做的點擊動畫。但我希望它是可拖動的。至於有限的拉什麼到目前爲止。 – 2012-04-13 18:44:34

拖動時不要使用緩動！它會毀了整個事情。 – 2012-04-13 19:15:19

我會使用jQuery函數動畫。動畫的寬度兩個圖像 - 每邊的窗簾，絕對定位 - 左：0px和右：0px分別 – T4NK3R 2012-04-13 19:22:32

那麼，這是你想要的？

2012-04-13 19:31:54

完美！非常感謝。我現在只需添加動畫即可將其恢復。 – 2012-04-13 19:32:55

還有一件事。有沒有一種方法可以限制它可以拉多遠？謝謝 – 2012-04-13 20:13:22

@Chris Till - 更新了演示，檢查出來！現在它不能爲'y'拉過0，只能拉一次。 – 2012-04-13 21:34:20

回答