jQuery Text Crossfade

我知道各种图片 crossfade插件，但我需要交叉淡入淡出文本。喜欢，我有文字A在一个，一个或一个元素，我希望它消失，同时，淡入，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。快速演示的链接应伴随答案，而不是答案。 – 2009-07-24 16:10:25

你是谁的法官和陪审团 – redsquare 2009-07-24 18:30:52

非常简单的例子

<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

jQuery Text Crossfade

回答

相关问题