我想加載幻燈片效果的網站頁面

我想加載與幻燈片效果相似的網頁頁面abnieh。這意味着當你點擊菜單元素時，頁面會隨着滑動效果而變化。我使用Umbraco CMS，ASP.NET Web窗體和C＃.NET。我該怎麼辦？我想加載幻燈片效果的網站頁面

請幫幫我。

我的主母版頁的一部分：

<form id="AbniyehMainForm" runat="server"> 
     <div id="MasterMaster" style="width: 100%;"> 
      <div> 
       <asp:ContentPlaceHolder runat="server" ID="ContentPlaceHolderDefault"> 
        <div> 
         <uc1:HeaderControl runat="server" ID="HeaderControl" /> 
        </div> 
        <div> 
         <asp:ContentPlaceHolder runat="server" ID="homePageContent"></asp:ContentPlaceHolder> 
        </div> 
        <div> 
         <asp:ContentPlaceHolder runat="server" ID="aboutUsContent"> 
         </asp:ContentPlaceHolder> 
        </div> 
        <div> 
         <asp:ContentPlaceHolder runat="server" ID="serviceSectionContent"> 
         </asp:ContentPlaceHolder> 
        </div> 
        <div> 
         <asp:ContentPlaceHolder runat="server" ID="projectSectionContent"> 
         </asp:ContentPlaceHolder> 
        </div> 
        <div> 
         <asp:ContentPlaceHolder runat="server" ID="newsSectionContent"> 
         </asp:ContentPlaceHolder> 
        </div> 
        <div> 
         <asp:ContentPlaceHolder runat="server" ID="contactUsSectionContent"> 
         </asp:ContentPlaceHolder> 
        </div> 
       </asp:ContentPlaceHolder> 
       <div> 
        <asp:ContentPlaceHolder runat="server" ID="languagesContent"> 
        </asp:ContentPlaceHolder> 
       </div> 
       <div> 
        <asp:ContentPlaceHolder runat="server" ID="menuContent"> 
        </asp:ContentPlaceHolder> 
       </div> 
      </div> 
     </div> 
    </form>

來源

2013-09-22 Jahan

您將需要使用客戶端的JavaScript效果，最有可能與jQuery和使用AJAX加載網頁，然後在之後它加載滑動頁面。我發現這個Project，看起來它會做你想做的，這裏是一個tutorial的樣本。

<script type="text/javascript"> 
$(document).ready(function() { 
    $("body").css("display", "none"); 

    $("body").fadeIn(2000); 

    $("a.transition").click(function(event){ 
     event.preventDefault(); 
     linkLocation = this.href; 
     $("body").fadeOut(1000, redirectPage);  
    }); 

    function redirectPage() { 
     window.location = linkLocation; 
    } 
}); 
</script>

這裏是你如何通過AJAX從jQuery website加載頁面。

<!doctype html> 
    <html lang="en"> 
    <head> 
     <meta charset="utf-8"> 
     <title>load demo</title> 
     <style> 
     body { 
     font-size: 12px; 
     font-family: Arial; 
     } 
     </style> 
     <script src="http://code.jquery.com/jquery-1.9.1.js"></script> 
    </head> 
    <body> 

<b>Footer navigation:</b> 
<ol id="new-nav"></ol> 

<script> 
$("#new-nav").load("/ #jq-footerNavigation li"); 
</script> 

</body> 
</html>

來源

2013-09-22 07:02:30

我想加載幻燈片效果的網站頁面

回答

相關問題