Jquery easing effect

저는 지난 몇 시간 동안 my previous question (코드 here)에 jQuery 여유 효과를 구현하려고 노력했지만 모두 헛된 것입니다.Jquery easing effect

전혀 작동하지 않았습니다. 내가 뭘 하려는지 예제는 같은 방식으로 작동하게하지만, easeOutBack을 추가하여 텍스트를 맴도는 경우 다음 텍스트가 나타날 때까지 easeOutBack 효과로 시작합니다. 그리고 다시 easeOutBack 텍스트를 언 홀 오버하면 효과가 발생합니다.

어떻게 할 수 있습니까?

출처

2012-01-30 Digital site

실제로 작동하지 않는 것은 무엇입니까? 크롬에는 슬라이딩 애니메이션 – zerkms

이 없지만 원래의 것은 괜찮습니다. 그러나 여유 효과를 추가하는 방법을 알고 싶었습니다. 의견에 감사드립니다. –

어떨까요? http://jsfiddle.net/ZhUx8/1/.

jQuery(function($) { 

    $('.topnav li').find('a[href]').parent().each(function() { 
     var li = $(this), 
      a = li.find('a'), 
      div = $('<div>' + '<\/div>'); 

     li.hover(function() { 
      a.stop().animate({marginTop: '-64'}, 500, "easeInOutBack"); 
     }, 
     function() { 
      a.stop().animate({marginTop: '0'}, 500, "easeInOutBack"); 
     }) 
     .append(span); 
    }); 

});

머리 태그에 표시하십시오.

<script src="http://gsgd.co.uk/sandbox/jquery/easing/jquery.easing.1.3.js" type="text/javascript" ></script>

출처

2012-01-30 02:47:08 theliberalsurfer

@ Andrew, 당신은 내 친구를 놀라게하고 있습니다. 그게 내가 원하는거야. 나는 약간의 혼란스러워서 이징 효과를 어디에 놓을 지 알았지 만, 당신이 맞다. 고마워. –

친구 사귀기, 내가 원하는대로 작동하는 코드는 다음과 같습니다. 나는 한 편을 위해 편하게하기 위해 약간의 문제를 가지고 있었지만, 고쳐졌다. 여기에 코드입니다 [link] (http://jsfiddle.net/fxdigi/t9TEx/) 모든 노력에 감사드립니다. –

Jquery easing effect

답변

관련 문제