jQuery Text Crossfade

私は様々な画像クロスフェードプラグインを認識していますが、テキストをクロスフェードする必要があります。同様に、私はテキストを持っているの中に、または要素と私はフェードインの間に、フェードインの間に、Bがかかります。jQuery Text Crossfade

本当にありがとうございました。

出典

2009-07-24 pistacchio

クイックデモhereアスカーする

<html>  
    <head> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js"></script> 
    <script type="text/javascript"> 
     $(function() { 
      $('#test').fadeOut(2000); 
      $('#test1').fadeIn(2000); 
     }); 
    </script> 
    <style> 
     h1 {font-size:12em;position:absolute; left:0;top:0} 
     #test1 {display:none} 
    </style> 
    </head> 
    <body> 
     <h1 id="test">A</h1> 
     <h1 id="test1">B</h1> 
    </body> 
    </html>

出典

2009-07-24 14:18:19 redsquare

+18

素晴らしいサービスではなく、へのSO。クイックデモへのリンクは答えではなく、答えになるはずです。 –

あなたは裁判官と陪審員です – redsquare

公正であるためには、彼は8つのアップフォートを持っていて、あなたは誰も持っていません... – Basic

非常に簡単な例

<div> 
<div style="position:absolute;" id="div1">Hello</div> 
<div style="position:absolute;" id="div2">World</div> 
</div> 

<script> 
     $("#div2").hide(); 
     $("#div2").fadeIn(3000); 
     $("#div1").fadeOut(3000); 
</script>

出典

2009-07-24 14:19:04

fadeIn/FadeOutが順番に実行されていることを確認するには、 $（ "＃div2"）の行に沿って何かしたいことがあります。 $（ "＃div1"）。遅延（3001）.fadeOut（3000）; – matthewdunnam

@Matt： 'fadeIn'は' callback'を受け入れますので、 'delay'する必要はありません。 –

jQuery Text Crossfade

答えて

関連する問題