jQuery在悬停输入/输出时作为进度条

jQuery Knob as a Progress Bar on hover in/out

本文关键字：输出悬停输入 jQuery 更新时间：2023-09-26

我正在尝试实现一个进度条（aterrien的jQuery Knob），它可以在mouseout时中断进度。我可以在鼠标悬停时开始进度，但在完成之前我不能中断进度。我想在mouseout上将动画反转回起点，并在mouseover上再次从零开始继续进行。

有什么想法吗？提前感谢，Daniel

（参见注释中的示例）

您可以调用$('.knob').stop()，这将停止它上任何当前正在运行的动画。当你在两种over/out状态下都使用.stop（）时，效果最好，否则在你快速鼠标over/out几次后，它会有点不稳定。我在这里更新了你的小提琴：http://jsfiddle.net/5xah6383/4/