jquery淡入淡出效果

点击按钮，然后div淡入显示了2-3秒后自动淡出，这样效果怎么写？

解决方案 »

  1.   

    fadeIn(speed,[callback])
    通过不透明度的变化来实现所有匹配元素的淡入效果，并在动画完成后可选地触发一个回调函数。
    这个动画只调整元素的不透明度，也就是说所有匹配的元素的高度和宽度不会发生变化。
    返回值jQuery
    参数speed (String,Number) : 三种预定速度之一的字符串("slow", "normal", or "fast")或表示动画时长的毫秒数值(如：1000)callback (Function) : (Optional) (可选) 在动画完成时执行的函数
    示例用600毫秒缓慢的将段落淡入jQuery 代码:
    $("p").fadeIn("slow");用200毫秒快速将段落淡入，之后弹出一个对话框jQuery 代码:
    $("p").fadeIn("fast",function(){
       alert("Animation Done.");
     }); http://jquery-api-zh-cn.googlecode.com/svn/trunk/index.html
      

  2.   

    $("div").fadeOut("2000"); 
    这个是两秒内淡出。
      

  3.   

    $("p").fadeIn("2000",function(){
      setTimeout(function(){$("div").fadeOut("2000");},2000);
     });
      

  4.   

    <html><head>
    <script type="text/javascript" src="/jquery/jquery.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
      $("input").click(function(){
         $("p").fadeIn("3000",function(){
                $("p").fadeOut("3000");
         });
      });
    });
    </script>
    </head><body>
    <p style="display:none;">If you click on me, I will disappear.</p>
    <input type='button' value='click me' /> 
    </body></html> 
      

  5.   

    fadeIn跟fadeOut怎么联合起来用呢？$("#select").click(
       function () { 
       $("div").fadeIn("slow");
       $("div").fadeOut("2000");  
    })   
    不行