2011-05-09 8 views
1

안녕 얘들 아, 나는 protofunc()의 background-position-plugin없이 간단한 배경 이미지 애니메이션을 만드는 것은 행운이 없다.jquery : 플러그인없이 백그라운드 위치에 애니메이션을 적용 하시겠습니까?

이전에 플러그인을 사용했는데 모든 것이 정상적으로 작동했습니다. 그러나 jQuery의 1.6 버전 이후로 플러그인이 손상되어 더 이상 작동하지 않습니다.

이 플러그인이없는 쉬운 backgroundPosition 애니메이션을 만들 수있는 가능성이 있습니까?

//Comment form 
$("#comment").focus(function() { 
    $(this).css({"background-color":"#fff"}); 
    $(this).animate({backgroundPosition: '220% 16px'}, { 
     duration: 500, 
     easing: 'easeOutQuint', 
     complete: function() { } 
    }); 

}); 
+0

%와 px를 같은 위치 속성에 혼합하는 것은 좋지 않습니다. 어쨌든 더 많은 코드를 게시해야 할 것입니다. $ (this)가 올바른 객체를 참조하는지 확신 할 수 없거나 페이지에 jquery UI가로드되어 있는지 여부가 확실하지 않으므로 easing 플러그인을 너무 많이 참조 할 수 있습니다. 알려지지 않은 코드, 그래서 더 많은 코드 plz. – forthehackofit

+0

updated updated ... #comment는 배경 이미지가 적용된 텍스트 영역입니다. 텍스트 영역을 포커싱 할 때 이미지가 오른쪽으로 움직입니다. – matt

답변

-1

어느 다시 일을 jQuery를 이전 버전으로 되돌아 또는 배경으로 실제 <img>을 설정하고 애니메이션 :

내가 사용하고 코드입니다.

관련 문제