jQuery пункт меню функция наведения

Question

Я работаю над анимированным меню jQuery, используя Sprite , проблема в том, что анимация выглядит не совсем плавной. Очень заикаться. В идеале, я бы хотел, чтобы пользователь наведет курсор мыши, затем наведет курсор мыши, но, когда они наведут курсор мыши, кадры останавливаются на этом кадре, и повторное наведение мыши снова воспроизведет это. Однако эффект анимации выглядит немного запутанным.

Интересно, кто-нибудь может мне помочь в этом.

Я сделал jsFiddle для игры и настройки

Спасибо

Answer 1

Я думаю, что ниже работает фрагмент, как и ожидалось, если бы я не неправильно понял id

$("#access .menu-header ul li#menu-item-27 a").hover(function() {
        $("#access .menu-header ul li#menu-item-27 a").sprite({
            fps: 12, 
            no_of_frames: 9,
            play_frames: 9,
        }).spStart();
},function(){
   $("#access .menu-header ul li#menu-item-27 a").spStop(true);            
});