[JQUERY] jQuery를 텍스트 페이드 다른 하나의 텍스트에서 / 전환?

jQuery를 텍스트 페이드 다른 하나의 텍스트에서 / 전환?

해결법

1. ---

   1.이 같은 콜백을 사용할 수 있습니다 :

   이 같은 콜백을 사용할 수 있습니다 :

   $("#container").fadeOut(function() {
     $(this).text("World").fadeIn();
   });
   

   당신 때문에 큐는 다음과 같이,이 특별한 경우에 작동하는 방법의 여기 한번 시도해, 또는 수 :

   $("#container").fadeOut(function() {
     $(this).text("World")
   }).fadeIn();
   

   .fadeOut ()가 바로 다시 페이딩 전에 완료 될 때의는 .text () 호출을 실행합니다.

2. ---

   2.당신이 숨기기 / 표시 또는 fadeIn / 페이드 아웃을 사용합니다 경우가 CSS 표시 속성을 변경하기 때문에 당신은 몇 가지 "점프"효과가 발생할 수 있습니다. 나는 불투명도와 애니메이션을 사용하는 것이 좋습니다 것입니다.

   당신이 숨기기 / 표시 또는 fadeIn / 페이드 아웃을 사용합니다 경우가 CSS 표시 속성을 변경하기 때문에 당신은 몇 가지 "점프"효과가 발생할 수 있습니다. 나는 불투명도와 애니메이션을 사용하는 것이 좋습니다 것입니다.

   이 같이 :

   $('#container').animate({'opacity': 0}, 1000, function () {
       $(this).text('new text');
   }).animate({'opacity': 1}, 1000);
   

3. ---

   3.여기에 라이브 예입니다.

   여기에 라이브 예입니다.

   (function() {
   
   var quotes = $(".quotes");
   var quoteIndex = -1;
   
   function showNextQuote() {
       ++quoteIndex;
       quotes.eq(quoteIndex % quotes.length)
           .fadeIn(2000)
           .delay(2000)
           .fadeOut(2000, showNextQuote);
   }
   
   showNextQuote();
   
   })();
   

   잘 작동한다.

4. ---

   4.나는이 작업을 수행하는 생각할 수있는 한 가지 방법은 다른 후 하나에 다음 페이드, 다른 사람을 시작하는 하나를 텍스트와 자식 요소를 가지고 보여주는 것입니다.

   나는이 작업을 수행하는 생각할 수있는 한 가지 방법은 다른 후 하나에 다음 페이드, 다른 사람을 시작하는 하나를 텍스트와 자식 요소를 가지고 보여주는 것입니다.

   여기 봐 : http://jsfiddle.net/VU4CQ/

5. ---

   5.이 메뉴 배열 텍스트와 색상 변경, 전환 속도, mouseenter에 대한 조회,하는 MouseLeave 이벤트를 사용하여 이 같은 :

   이 메뉴 배열 텍스트와 색상 변경, 전환 속도, mouseenter에 대한 조회,하는 MouseLeave 이벤트를 사용하여 이 같은 :

   $('#id a').mouseenter(function() {
       $(this).fadeOut(
       eSpeed, function() {
           $(this).text(sayThis[0]);
           $(this).css({
               color: eColor
           });
       }).fadeIn(eSpeed);
   });
   
   
   $('#id a').mouseleave(function() {
       $(this).fadeOut(
       eSpeed, function() {
           $(this).text(sayThat[0]);
           $(this).css({
               color: lColor
           });
       }).fadeIn(eSpeed);
   });
   

6. ---

   6.난 당신이 기본 슬라이더 jQuery 플러그인을 사용하는 것이 좋습니다 것입니다. 매우 (6K)를 가볍고 당신이 원하는 모든없이 대부분의 슬라이더 플러그인의 혼란을 사용자 정의 옵션의 몇 무슨 않습니다. 나는 모든 시간을 사용하고 멋져요.

   난 당신이 기본 슬라이더 jQuery 플러그인을 사용하는 것이 좋습니다 것입니다. 매우 (6K)를 가볍고 당신이 원하는 모든없이 대부분의 슬라이더 플러그인의 혼란을 사용자 정의 옵션의 몇 무슨 않습니다. 나는 모든 시간을 사용하고 멋져요.

from https://stackoverflow.com/questions/3670487/jquery-text-fade-transition-from-one-text-to-another by cc-by-sa and MIT license