2011-04-09 7 views
-1

"업데이트"라는 단어를 애니메이션화해야합니다. 나는 단어의 글자가 점차 왼쪽에서 오른쪽으로 하나씩 점차적으로 사라지길 바란다. 이 기능을 사용하는 예제 나 다른 사이트를 원합니다.jquery를 사용하여 하나씩 단어에 애니메이션을 적용하는 방법

+3

첫 번째 시도에서 작동하지 않은 것은 무엇입니까? – sarnold

+2

몹시 불명확하고 모호한 질문인데, 어떤 효과가 있는지 언급하지 않았고, 사람들이 어떻게 당신을 도울 것으로 기대합니까? –

+1

[jQuery : 무작위로 문자를 숨기고 동등한 간격으로 애니메이션을 만들 수 있음] (https://stackoverflow.com/questions/48351445/jquery-animate-hide-letters-randomly-but-with-equal-intervals) –

답변

0

을라고?

그런 다음 을 사용하여 날아 다니십시오.

마지막으로 http://api.jquery.com/fadeOut/을 사용하여 모든 단일 문자를 페이드 아웃합니다.

그런 다음 문서 대기 시간을 설정하여 애니메이션 큐가 10 초 이상 시작되도록하십시오.

+0

예처럼하고,

test
<스크립트 유형 = "텍스트/자바 스크립트"> jQuery를 (문서) .ready (함수() { $ ('#의 testDiv'). 지연 (1000) .fadeIn (500) .delay (4000) .fadeOut (500); }); – mymotherland

+0

마크 업에서 텍스트를 쉽게 마무리 할 수있는 [Lettering.js] (http://letteringjs.com/)를보십시오. – Pointy

1

당신은 당신이 원하는 효과의 종류를 말하지 않았으며 당신은 약간 불명확합니다. 그러나 여기에 한 블록의 텍스트를 페이지에 입력하는 것처럼 보이는 jquery plugin이 있습니다.

왜 모든 단일 문자에 퇴색하지 http://api.jquery.com/fadeIn/ghostType.com

+0

감사합니다. 효과는 더 크고 다시 작아집니다. 가능합니까? – mymotherland

+0

가능하지만 jQuery를 사용하면 매우 쉽습니다. 직접 코딩 해 보셨습니까? – Khez

관련 문제