jQuery Text Crossfade

前端之家收集整理的这篇文章主要介绍了jQuery Text Crossfade前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我知道各种图像交叉淡入淡出插件,但我需要交叉淡入淡出文本.就像,我在a,a或元素中有文本A,我希望它消失,而淡入,B代替它.

任何帮助真的很感激.

解决方法

快速演示 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>

猜你在找的jQuery相关文章