在jquery中合併效果

我將如何更改下面的頁面和代碼，以便當我的'新聞'P淡出其下面的內容時......平滑地向上滑動而不是跳躍。在jquery中合併效果

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    <html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
    <title>Untitled Document</title> 

    <script src="http://code.jquery.com/jquery-latest.js"></script> 

     <script> 
     $(document).ready(function(){ 

     $("a").click(function() 
     { 
      $("p").fadeOut(2000); 
      return false; 
     }); 

     }); 
     </script> 

    <style> 
    p { 
     position:relative; 
     width:400px; 
     height:90px; 
     background-color:#0099CC; 
    } 

    </style> 

    </head> 

    <body> 

    <p> 
     this is a news box. it will fade out when the x is clicked that is all. (<a href="#">x</a>) 
    </p> 


<br /> 
does this shift up after fade out.<br /> 
</body> 
</html>

來源

2009-10-24 ian

重複的http://stackoverflow.com/questions/734554/jquery-fadeout-then-slideup和可能的重複http://stackoverflow.com/questions/1598129/what-determines-the-execution-order-的的方法合的jquery鏈/ – hasen 2009-10-24 17:35:35

檢查的接受的答案，這類似的問題： How to chain events in jQuery

而且這個答案（到一個不同的問題）fadeOut then slideUp這似乎做的正是你想要的。

來源

2009-10-24 17:28:20 hasen

當元素淡出時可能會跳起來。

您可以嘗試將其衰減到0.001，因此它幾乎不可見，然後使用回調函數將p的高度設置爲0。

來源

2009-10-24 17:25:54 gargantuan

嘗試慢慢改變height的p，恕我直言，這將是您的問題的最佳解決方案。

來源

2009-10-24 17:27:34 IProblemFactory

在jquery中合併效果

回答

相關問題