jQuery旋鈕作爲懸停進出的進度條

我試圖實現一個進度條（aterrien的jQuery旋鈕），它可以在mouseout上中斷它的進度。我可以在鼠標懸停的情況下開始進度，但在完成之前我無法打斷進展。我想將動畫恢復到mouseout的起始點，並在鼠標懸停時再次從零重新開始。jQuery旋鈕作爲懸停進出的進度條

任何想法？在此先感謝，丹尼爾

（見我的評論的例子）

來源

2014-10-20 Daniel Sussman

http://jsfiddle.net/5xah6383/ – 2014-10-20 19:55:06

你的意思是這樣的？ http://jsfiddle.net/nkv9fuLv/我只是不想發佈這個作爲答案，因爲它只是一個調整的例子從這裏找到一個類似的問題：http://stackoverflow.com/questions/19547215/jquery-knob -hover-animation – 2014-10-20 20:21:38

感謝您的幫助！ – 2014-10-20 21:14:22

您可以撥打 $('.knob').stop()，這將停止任何當前正在運行的動畫。當你在over/out狀態中使用.stop（）時，它效果最好，否則在你快速移動/快速移動幾次之後，它會變得有點不可思議。我更新了你的小提琴：http://jsfiddle.net/5xah6383/4/

來源

2014-10-20 20:23:48 musicinmyhead

謝謝！真的很感激它。 – 2014-10-20 21:05:02

jQuery旋鈕作爲懸停進出的進度條

回答

相關問題