ある種の特定の機能を持つメニューを作成しようとしています。私はjavascriptとjqueryに比較的慣れていないので、どこから始めればよいかわかりません。これが私がやりたいことです:
リンク 4 と 5 にカーソルを合わせると、アニメーション終了状態のままになります。
助言がありますか?CSS3 アニメーションでこれを実行しようとしましたが、ユーザーがリンク 3 にカーソルを合わせるのをやめた後、スライドバックする前に一時停止できません。また、リンク 3 とリンク 4 の間にギャップがあり、ホバーが停止するという問題にも遭遇しました。Javascript の方が適しているように思えます。
これは、css3 アニメーションを含む関連コードです。
-webkit-transition: all .2s ease 0s;
-moz-transition: all .2s ease 0s;
-o-transition: all .2s ease 0s;
-ms-transition: all .2s ease 0s;
transition: all .2s ease 0s;
編集: 現在の CSS3 アニメーションの jsfiddle で更新しました (jsfiddle のライブ プレビューでは、私の Web サイトとは少し異なります)。