母版頁選單使用
阿新 • • 發佈:2019-01-04
<%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage.master.cs" Inherits="MasterPage" %> <!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 runat="server"> <title></title> <asp:ContentPlaceHolder ID="head" runat="server"> </asp:ContentPlaceHolder> <script type="text/javascript"> function show(s) { o = document.getElementById(s); if (o.style.display == "") { o.style.display = "none"; return; } o.style.display = ""; } </script> </head> <body> <form id="form1" runat="server"> <div> <ul style="float: left; width: 200px;text-align:center;list-style:none;margin:0px;"> <li onclick="show('a')" style="background-color:Red;"><a href="#">選單</a></li> <li id='a' style="display: none;"> <ul> <li>選單</li> <li>選單</li> <li>選單</li> <li>選單</li> </ul> </li> <li onclick="show('b')" style="background-color:Green;"><a href="#">選單</a></li> <li id='b' style="display: none"> <ul> <li>選單</li> <li>選單</li> <li>選單</li> <li>選單</li> </ul> </li> <li onclick="show('c')" style="background-color:Blue;"><a href="#">選單</a></li> <li id='c' style="display: none"> <ul> <li>選單</li> <li>選單</li> <li>選單</li> <li>選單</li> </ul> </li> <li onclick="show('d')" style="background-color:Yellow;"><a href="#">選單</a></li> <li id='d' style="display: none"> <ul> <li>選單</li> <li>選單</li> <li>選單</li> <li>選單</li> </ul> </li> </ul> <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server"> </asp:ContentPlaceHolder> </div> </form> </body> </html>