先上效果图:
首先建立一个aspx页面:
<head id="Head1" runat="server">
<title>企业订单管理系统登录</title>
<link href="Styles/WebCss.css" type="text/css" rel="stylesheet" />
</head>
使用框架将页面分为三部分:
<frameset rows="100,*" frameborder="no" framespacing="0">
<frame src="Top.aspx" noresize="noresize" frameborder="NO" name="topFrame"scrolling="no" marginwidth="0" marginheight="0" target="tops"/>
<frameset cols="184,*" id="LeftFrame">
<frame src="Left.aspx" name="leftFrame" noresize="noresize" marginwidth="0" marginheight="0" frameborder="1" scrolling="no" target="lefts"/>
<frame src="Body.aspx" name="main" noresize="noresize" marginwidth="0" marginheight="0" frameborder="1" scrolling="auto" target="main"/>
</frameset>
<noframes>
<body></body>
</noframes>
接下来分别建立三个页面:
Top.aspx页面比较简单,只需要插入一张图片即可,不在赘述!
Left.aspx页面较为复杂,是一个菜单页面,代码比较多,给一个网址:http://www.wangjie.org/css-menu/detail-6511.aspx 有兴趣的可以从这里面下载菜单的代码,然后改编到自己的aspx页面中。(自己的在../About ASP.Net/html(下拉菜单))
如果想要点击左面菜单中的项在右边显示的话,只需要:li><a href="../WellsDataManage/OilWellDataManage.aspx"target="main">油井数据处理</a></li> 具体百度href的Target属性。