[JS]jQueryのアニメーション機能をよりスムーズにするプラグイン -hoverFlow

jQueryで実装するアニメーション機能をよりスムーズにするプラグイン「hoverFlow」を紹介します。

hoverFlow
demo

hoverFlowはナビゲーションなどにアニメーション機能を実装した際、マウスホバーのアニメーションが継続してしまうことを解消したものです。

demo

上記ページの「The Problem」のナビゲーションで、マウスを何回も上下に往復してみてください。
マウスを止めても、アニメーションが継続されてしまいます。

これを解消するために「.stop()」を使用したスタディがありますが、アニメーションがぎこちないものになっています。

そこで上記の問題を全て解決し、プラグインとしてリリースしたのが「hoverFlow」です。
ファイル容量も1KB（圧縮時）と軽量となっています。