JQuery的幻燈片效果

-1

<!doctype html> 
<html lang="en"> 
    <head> 
     <meta charset="utf-8"> 
     <title>slide demo</title> 
     <link rel="stylesheet" href="//code.jquery.com/ui/1.11.2/themes/smoothness/jquery-ui.css"> 
     <style> 
      #toggle { 
       width: 100px; 
       height: 100px; 
       background: #ccc; 
      } 
     </style> 
     <script src="//code.jquery.com/jquery-1.10.2.js"></script> 
     <script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script> 
    </head> 
    <body> 
     <p>Click anywhere to toggle the box.</p> 
     <div id="toggle"></div> 
     <script> 
      $(document).click(function() { 
       $("#toggle").toggle("slide"); 
      }); 
     </script> 
    </body> 
</html>

這是在這裏找到：http://api.jqueryui.com/slide-effect/ 我想使用的效果時，頁面加載，而不是由用戶點擊

我有在我自己的頁面上使用它，在頁面加載完成後，我希望div在頁面上滑動。所以我這樣做：

$(document).ready(function() { 
    setTimeout(function() { 
     $("#panel-1027").toggle("slide"); 
    }, 2000); 
});

問題是，而不是滑入，div滑出頁面。我怎麼去解決這個問題？

來源

2014-12-04 user1960836

設置面板'顯示：在默認情況下hidden'。 – 2014-12-04 11:38:00

創建一些小提琴，以便我們可以嘗試它 – Uiupdates 2014-12-04 11:38:41

默認隱藏toggle元素，並添加方向撥動您的特定方向

$(document).ready(function() { 
    setTimeout(function() { 
     $("#toggle").toggle("slide",{direction: 'up'}); 
    }, 2000); 
});

來源

2014-12-04 12:25:43

JQuery的幻燈片效果

回答

相關問題