如何在需要用戶登錄的母版頁的asp.net中隱藏和取消隱藏CSS子菜單？

我有一個菜單和子菜單的母版頁。當用戶打開我的網站時，我想隱藏子菜單名稱設備列表。用戶登錄後，我想顯示設備列表菜單。任何人都可以幫我做到嗎？如何在需要用戶登錄的母版頁的asp.net中隱藏和取消隱藏CSS子菜單？

body { 
 
    font-family: Arial; 
 
    font-size: 20px; 
 
} 
 

 
#menuwrapper ul { 
 
    margin-left: 30px; 
 
    padding: 0; 
 
    list-style: none; 
 
} 
 

 
#submenu ul { 
 
    margin: 0; 
 
} 
 

 
#menuwrapper ul li { 
 
    background-color: #555555; 
 
    border-bottom: solid 2px white; 
 
    width: 200px; 
 
    height: 40px; 
 
    cursor: pointer; 
 
} 
 

 
#menuwrapper ul li:hover { 
 
    background-color: #9c9c9c; 
 
    position: relative; 
 
} 
 

 
#menuwrapper ul li a { 
 
    padding: 5px 15px; 
 
    color: #ffffff; 
 
    display: inline-block; 
 
    text-decoration: none; 
 
} 
 

 
#submenu ul { 
 
    margin: 0; 
 
    position: absolute; 
 
    display: none; 
 
} 
 

 
#menuwrapper ul li:hover ul { 
 
    left: 200px; 
 
    top: 0px; 
 
    display: block; 
 
} 
 

 
#menuwrapper ul li ul li { 
 
    background-color: #dbdbdb; 
 
} 
 

 
#menuwrapper ul li:hover ul li:hover { 
 
    background-color: #9c9c9c; 
 
} 
 

 
#menuwrapper ul li ul li a { 
 
    color: #555555; 
 
    display: inline-block; 
 
    width: 120px;

<div id="menuwrapper"> 
 
    <ul> 
 
    <li> 
 
     <i class="fa fa-home" style="font-size:25px; color:white"></i> 
 
     <a href="Default.aspx">Home</a> 
 
    </li> 
 

 
    <li> 
 
     <i class="fa fa-wrench" style="font-size:25px; color:white"></i> 
 
     <a href="#">Equipment List</a> 
 
     <i class="fa fa-angle-right" style="font-size:25px; color:white"></i> 
 
     <div id="submenu"> 
 
     <ul> 
 
      <li> 
 
      <i class="fa fa-edit" style="font-size:25px; color:#555555"></i> 
 
      <a href="LoginNew.aspx">New Form</a> 
 
      </li> 
 
      <li> 
 
      <i class="fa fa-edit" style="font-size:25px; color:#555555"></i> 
 
      <a href="LoginUpdate.aspx">Update Form</a> 
 
      </li> 
 
      <li> 
 
      <i class="fa fa-trash-o" style="font-size:25px; color:#555555"></i> 
 
      <a href="LoginDelete.aspx">Delete</a> 
 
      </li> 
 
      <li> 
 
      <i class="fa fa-edit" style="font-size:25px; color:#555555"></i> 
 
      <a href="tester.aspx">Tester</a> 
 
      </li> 
 
      <li> 
 
      <i class="fa fa-edit" style="font-size:25px; color:#555555"></i> 
 
      <a href="Asset.aspx">Asset</a> 
 
      </li> 
 
      <li> 
 
      <i class="fa fa-edit" style="font-size:25px; color:#555555"></i> 
 
      <a href="Iventory.aspx">Iventory</a> 
 
      </li> 
 
     </ul> 
 
     </div> 
 
    </li> 
 
    </ul> 
 
</div>

來源

2017-03-07 Moon

假設你使用形式的認證

使用Embedded Code Block

<li> 
    <i class="fa fa-wrench" style="font-size:25px; color:white"></i> 
    <a href="#">Equipment List</a> 
    <% if (HttpContext.Current.User.Identity.IsAuthenticated) { %> 
     <i class="fa fa-angle-right" style="font-size:25px; color:white"></i> 
     <div id="submenu"> 
     // more HTML here 
     </div> 
    <% } %> 
</li>

來源

2017-03-07 07:45:04

喜先生，什麼是嵌入式代碼塊？爲了您的信息，我只使用普通登錄。它有用戶名和密碼。我在數據庫名稱詳細信息中存儲的用戶名和密碼。@ ShekharPankaj – Moon

@Moon https://msdn.microsoft.com/en-us/library/ms178135.aspx ..嵌入式代碼塊.. Google'Form authentication in Asp .net'，可能你必須在你的應用程序中使用相同的。 –

如何在需要用戶登錄的母版頁的asp.net中隱藏和取消隱藏CSS子菜單？

回答

相關問題