asp.net左部导航

最新推荐文章于 2024-04-19 19:24:46 发布
最新推荐文章于 2024-04-19 19:24:46 发布
阅读量7.9k 收藏
点赞数
文章标签： asp.net menu list table class filter
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/liuningshiwoa/article/details/7249771
版权
 

<%@ page language="java" import="java.util.*" pageEncoding="gbk"%>
<html><head>

<STYLE type=text/css>
BODY {
 MARGIN: 0px; FONT: 9pt 宋体
}
TABLE {
 BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px
}
TD {
 FONT: 12px 宋体
}
IMG {
 BORDER-RIGHT: 0px; BORDER-TOP: 0px; VERTICAL-ALIGN: bottom; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px
}
A {
 FONT: 12px 宋体; COLOR: #000000; TEXT-DECORATION: none
}
A:hover {
 COLOR: #215dc6
}
.sec_menu {
 BORDER-RIGHT: #158BB7 1px solid; BACKGROUND: #ffffff; OVERFLOW: hidden; BORDER-LEFT:#158BB7 1px solid; BORDER-BOTTOM:#158BB7 1px solid
}
.list_title {
 
}
.list_title SPAN {
 FONT-WEIGHT: bold;
 LEFT: 8px;
 COLOR:#FFFFFF;
 POSITION: relative;
 TOP: 2px;
 visibility: visible;
}
.list_title2 {
 
}
.list_title2 SPAN {
 FONT-WEIGHT: bold; LEFT: 8px; COLOR: #ffffff; POSITION: relative; TOP: 2px
}
</STYLE>
<SCRIPT language=javascript>
function show(obj,maxg,obj2)
{
  if(obj.style.pixelHeight<maxg)
  {
    obj.style.pixelHeight+=maxg/10;
 obj.filters.alpha.opacity+=20;
 obj2.background="Img/back_11.gif";
    if(obj.style.pixelHeight==maxg/10)
   obj.style.display='block';
 myObj=obj;
 mymaxg=maxg;
 myObj2=obj2;
 setTimeout('show(myObj,mymaxg,myObj2)','5');
  }
}
function hide(obj,maxg,obj2)
{
  if(obj.style.pixelHeight>0)
  {
    if(obj.style.pixelHeight==maxg/5)
   obj.style.display='none';
    obj.style.pixelHeight-=maxg/5;
 obj.filters.alpha.opacity-=10;
 obj2.background="Img/back_08.gif";
 myObj=obj;
 mymaxg=maxg
 myObj2=obj2;
 setTimeout('hide(myObj,mymaxg,myObj2)','5');
  }
  else    if(whichContinue)
   whichContinue.click();
}
function chang(obj,maxg,obj2)
{
  if(obj.style.pixelHeight)
  {
    hide(obj,maxg,obj2);
 nopen='';
 whichcontinue='';
  }
  else    if(nopen)
 {
   whichContinue=obj2;
      nopen.click();
 }
 else
 {
   show(obj,maxg,obj2);
   nopen=obj2;
   whichContinue='';
 }
}
</SCRIPT>


</head>
<body leftmargin="0" topmargin="0" >
<TABLE cellSpacing=0 cellPadding=0 width="100%" align=left border=0>
<TBODY>
  <TR>
    <TD vAlign=top>
      <TABLE cellSpacing=0 cellPadding=0 width=145 align=center>
        <TBODY>
        <TR style="CURSOR: hand">
        </TR></TBODY></TABLE>
       <SCRIPT language=javascript>
  var nopen="";
  var whichContinue='';
      </SCRIPT>

        <table align="center" background="Img/back_left_06.gif" border="0" cellpadding="0"
            cellspacing="0" height="453" width="163">
            <tr>
                <td colspan="3" height="50">
                    &nbsp;</td>
            </tr>
            <tr>
                <td height="390" width="10">
                    &nbsp;</td>
                <td valign="top" width="146">
                    <TABLE cellSpacing=0 cellPadding=0 align=center style="width: 146px">
        <TBODY>
        <TR style="CURSOR: hand">
            <TD class=list_title id=list1
          οnmοuseοver="this.typename='list_title2';"
          οnclick=chang(menu1,60,list1);
          οnmοuseοut="this.typename='list_title';"
          background="Img/back_08.gif"
            height=25>
                <span style="color: #ffffff"><SPAN>员工信息管理</SPAN> </span>
            </TD>
          </TR>

        <TR>
            <TD align="center" valign="middle">
              <DIV class=sec_menu id=menu1
            style="DISPLAY: none; FILTER: alpha(Opacity=0); WIDTH: 145px; HEIGHT: 0px">
                <TABLE  cellSpacing=0
            cellPadding=0 width=135 align=center>
                  <TBODY>
                    <TR>
                      <TD height=25 align="left"><a href="StudentInfo.aspx" target="menu">□ 员工基本信息</a></TD>
                    </TR>          
                    <TR>
                      <TD height=25><a href=AddStudentInfo.aspx target="menu">□ 添加员工信息</a></TD>
                    </TR>
                  
                    </TBODY>
                </TABLE>
              </DIV></TD></TR></TBODY></TABLE>
<table cellspacing=0 cellpadding=0 width=145 align=center>
  <tbody>
    <tr style="CURSOR: hand">
      <td class=list_title id=list9
          onMouseOver="this.typename='list_title2';"
          onClick=chang(menu9,60,list9);
          onMouseOut="this.typename='list_title';"
          background="Img/back_08.gif"
            height=25 style="width: 157px"><span>批量信息管理</span> </td>
    </tr>
    <tr>
      <td valign="middle" style="width: 157px">
        <div class=sec_menu id=menu9
            style="DISPLAY: none; FILTER: alpha(Opacity=0); WIDTH: 145px; HEIGHT: 0px">
          <table  cellspacing=2
            cellpadding=0 width=135 align=center>
            <tbody>
               <TR>
                      <TD height=25><a href=Default.aspx target="menu">□ 批量添加信息</a></TD>
                    </TR>
     <tr>
                <td height=25></td>
              </tr>   
            </tbody>
          </table>
      </div></td>
    </tr>
  </tbody>
</table>
<TABLE cellSpacing=0 cellPadding=0 width=145 align=center>
        <TBODY>
        <TR style="CURSOR: hand">
            <TD class=list_title id=list2
          οnmοuseοver="this.typename='list_title2';"
          οnclick=chang(menu2,60,list2);
          οnmοuseοut="this.typename='list_title';"
          background="Img/back_08.gif"
            height=25><SPAN>试题信息管理</SPAN> </TD>
          </TR>
        <TR>
            <TD align="center">
              <DIV class=sec_menu id=menu2
            style="DISPLAY: none; FILTER: alpha(Opacity=0); WIDTH: 145px; HEIGHT: 0px">
                <TABLE  cellSpacing=2
            cellPadding=0 width=135 align=center>
                  <TR>
                    <TD height=25><a href=shitileixing.aspx target="menu">□ 试题基本信息</a></TD>
                  </TR>
                  <TBODY>
                    <TR>
                      <TD height=25><a href=shitileixing1.aspx target="menu">□ 添加试题信息</a></TD>
                    </TR>                       
                  </TBODY>
                </TABLE>
              </DIV></TD></TR></TBODY></TABLE>
       <TABLE cellSpacing=0 cellPadding=0 width=145 align=center>
         <TBODY>
           <TR style="CURSOR: hand">
             <TD class=list_title id=list10
          οnmοuseοver="this.typename='list_title2';"
          οnclick=chang(menu10,30,list10);
          οnmοuseοut="this.typename='list_title';"
          background="Img/back_08.gif"
            height=25><SPAN>试卷信息管理</SPAN> </TD>
           </TR>
           <TR>
             <TD height="2" valign="middle">
               <DIV class=sec_menu id=menu10
            style="DISPLAY: none; FILTER: alpha(Opacity=0); WIDTH: 145px; HEIGHT: 0px">
                 <TABLE width=135 align=center
            cellPadding=0  cellSpacing=2>
                   <TBODY>
                     <TR>
                       <TD height=25><a href=Subject.aspx target="menu">□ 试卷套数设置</a></TD>
                     </TR>
                   </TBODY>
                 </TABLE>
             </DIV></TD>
           </TR>
         </TBODY>
       </TABLE>
<TABLE cellSpacing=0 cellPadding=0 width=145 align=center>
         <TBODY>
           <TR style="CURSOR: hand">
             <TD class=list_title id=list4
          οnmοuseοver="this.typename='list_title2';"
          οnclick=chang(menu4,30,list4);
          οnmοuseοut="this.typename='list_title';"
          background="Img/back_08.gif"
            height=25><SPAN>考试结果管理</SPAN> </TD>
           </TR>
           <TR>
             <TD valign="middle">
               <DIV class=sec_menu id=menu4
            style="DISPLAY: none; FILTER: alpha(Opacity=0); WIDTH: 145px; HEIGHT: 0px">
                 <TABLE  cellSpacing=2
            cellPadding=0 width=135 align=center>
                   <TBODY>
                     <TR>
                       <TD height=25><a href=examinationResult.aspx target="menu">□ 考试结果</a></TD>
                     </TR>              
                   </TBODY>
                 </TABLE>
             </DIV></TD>
           </TR>
         </TBODY>
      </TABLE>
      <TABLE cellSpacing=0 cellPadding=0 width=145 align=center style="height: 100px">
        <TBODY>
        <TR style="CURSOR: hand">
            <TD class=list_title id=list8
          οnmοuseοver="this.typename='list_title2';"
          οnclick=chang(menu8,80,list8);
          οnmοuseοut="this.typename='list_title';"
          background="Img/back_08.gif"
            height=25><SPAN>管理员信息维护</SPAN> </TD>
          </TR>
        <TR>
            <TD valign="middle">              <DIV class=sec_menu id=menu8
            style="FILTER: alpha(Opacity=100); WIDTH: 145px; HEIGHT:80px">
                <TABLE  cellSpacing=0 cellPadding=0 width=135 align=center>
                  <TBODY>
              <TR>
               <TD height=30>
               <p style="line-height: 200%">
                   <a href=AdminChangePwd.aspx target="menu">□ 修改密码</a></TD></TR>
              <TR>
              <TD height=30>
              <p style="line-height: 200%">
              </TD></TR></TBODY></TABLE>
                <p class="sec_menu">&nbsp;</p>
              </DIV></TD></TR></TBODY></TABLE>
                </td>
                <td width="7">
                    &nbsp;</td>
            </tr>
            <tr>
                <td colspan="3" height="13">
                    &nbsp;</td>
            </tr>
        </table>

</TABLE> 
</body>  
</html>

liuningshiwoa
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
带有左部编号的文本域 ASP
03-01
这个asp的小功能是从动易产品里得到的启发，核心代码只有几句。但是很实用
垂直左部三级菜单垂直左部三级菜单
07-01
垂直左部三级菜单垂直左部三级菜单垂直左部三级菜单垂直左部三级菜单垂直左部三级菜单垂直左部三级菜单
ASP.NET 设计导航栏（横向&竖向）
马克菠萝包ଲ的博客
03-18 2899
竖向导航栏 ①.aspx文件 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html
CSS左导航菜单 CSS左导航菜单
07-22
CSS左导航菜单 效果不低于js 不下会后悔的
asp.net导航功能
Keymo_的奋斗史
11-23 1983
ASP.NET 2.0 拥有内建的导航控件。 网站导航 维护大型站点的导航菜单是很困难，也很费时的。 在 ASP.NET 2.0 中，菜单可存储在文件中，这样维护起来更加方便。这个文件通常名为 web.sitemap，被存放在网站的根目录中。 此外，ASP.NET 2.0 拥有三种新的导航控件： Dynamic menusTreeViewsSite Map Path
ASP.NET CORE MVC动态生成左侧菜单栏
极客神殿
02-03 1293
MVC跳转页面时总是会刷新页面，导致当前选中的菜单栏高亮被取消，如何根据当前所在的页面高亮当前菜单栏？ 一种解决办法是用JS操作style，另一种是使用.NET CORE MVC中的 视图组件. 视图组件很强大，最适合用于菜单栏、动态导航栏等功能，它的作用跟Vue的组件很像，当你在页面调用视图组件时，显示的数据取决于你传递的参数。 而且后续还需要根据用户角色等级来动态展示菜单栏入口，所以用视图组件很合适，虽然js也可以做到。 创建视图组件有诸多约定，文件放置目录、命名等。 首先建立菜单类MenuViewMo
asp.net高级应用之站点导航TreeView控件
jingmeifeng的专栏
11-29 952
使用TreeView控件完成导航的方法 1.使用站点地图 2.使用2XML文档 3.使用节点编辑器 4.使用程序代码创建节点 TreeView控件可以以树状结构显示导航信息，可以控制数的每一个节点的样式以及行为。 使用程序动态填充TreeView控件时，一般情况需要递归
Asp.net 左侧导航
10-14
请教asp.net问题的源文件，需要一个这样功能的模块，感觉有点问题，请大家帮忙解决。
比较好看的导航菜单（ASP.NET)
10-24
一个不错的导航菜单,针对ASP.NET,使用了jQuery
Q753697 asp.net中点击左侧菜单，右侧显示相应内容
03-27
Q753697 asp.net中点击左侧菜单，右侧显示相应内容 https://ask.csdn.net/questions/753697
unigu左部js菜单简洁框架
11-04
unigu左部js菜单简洁框架
unigu左侧导航栏js框架2.rar
07-10
unigu左侧导航栏js框架2.rar
ASP.NET基于BS结构的实验室预约模型系统
大叔_爱编程 的博客
04-15 1090
本系统主要实现了教师根据实际教学情况预约实验室、查看预约结果，学生查询实验室教学安排，实验室管理员对实验室的管理、用户信息的管理和系统消息发布等功能，同时系统提供了简单友好的用户界面，并通过身份验证机制实现了系统的安全性。考虑到可能出现的教师同时预约实验室的情况，本系统采用了预约时避免冲突、受理时解决冲突的方法，尽最大努力实现实验室资源的优化配置。系统具有网络化、界面友好、操作简单、功能强大、管理方便等优点，能够完全按照用户的需要，稳定、安全快速地运行于校园局域网之上。最后总结了本系统的不足之处，和还有待开
ASP.NET基于WEB的工作计划流程管理系统的设计与实现
大叔_爱编程 的博客
04-19 904
本设计着重解决了三方面的问题：（1）、根据人员的权限实现对工作计划的创建；（2）、根据人员的权限实现对工作完成情况的录入；（3）、根据人员的权限实现对工作的审查。工作计划流程管理系统主要分为工作计划的创建区、工作人员的工作区与工作的审查区三个模块，其中工作区是整个工作计划流程管理系统的核心。 本文共五章，第一章对当前背景与国内外现状进行分析；第二章对数据库技术、面向对象的技术进行简单介绍；第三章对当前单位、企业进行了需求分析并提出解决方案；第四章根据解决方案对系统进行设计；第五章对工作计划流程管理系统进行测
ASP.NET MVC企业级程序设计 (接上个作品加了添加)
最新发布
Mr_wangzu的博客
04-19 124
【代码】ASP.NET MVC企业级程序设计 (接上个作品加了添加)
ASP.NET基于WEB的选课系统
大叔_爱编程 的博客
04-19 372
设计本系统的目的是对选课信息进行管理。学生选课系统维护模块主要完成的是系统管理与维护功能。课题研究过程中，首先对系统管理模块进行了详尽的需求分析，经分析得到系统管理模块主要完成如下的功能：用户基本信息、选课信息的录入,查看,修改,删除等，同时还具有查询各个模块的功能，数据备份，数据还原 ，注销等功能。系统管理模块是整个系统的指挥中心，保证整个系统在校园网上安全有效地运作。之后根据需求提出了系统管理模块的总体设计方案，并据此进行了详细设计和编码实现。系统使用B/S结构设计和开发，系统的编码实现基于VS.NET
怎么实现左部导航，右边网页
06-09
实现左侧导航栏和右侧网页的布局，可以使用 HTML、CSS 和 JavaScript 来完成。 下面是一个简单的实现过程： 1. HTML 结构 首先，需要在 HTML 中定义左侧导航栏和右侧网页的结构，可以使用 `<div>` 元素来实现： ``` <div class="container"> <div class="sidebar"> <!-- 左侧导航栏 --> </div> <div class="content"> <!-- 右侧网页内容 --> </div> </div> ``` 2. CSS 样式 接下来，需要使用 CSS 样式来定义左侧导航栏和右侧网页的样式，可以使用 `float` 和 `width` 属性来实现： ``` .container { width: 100%; height: 100%; } .sidebar { float: left; width: 200px; height: 100%; } .content { margin-left: 200px; height: 100%; } ``` 3. JavaScript 交互 最后，需要使用 JavaScript 来实现左侧导航栏和右侧网页的交互。可以使用事件监听器来监听左侧导航栏的点击事件，然后根据点击的导航项来加载对应的网页内容。 具体实现可以使用 jQuery 库来简化代码。例如，可以在左侧导航栏的每个导航项中添加一个 `data-url` 属性，表示对应的网页地址，然后在 JavaScript 中监听 `click` 事件，根据 `data-url` 属性的值来加载对应的网页内容： ``` $(function() { $('.sidebar-item').on('click', function() { var url = $(this).data('url'); $('.content').load(url); }); }); ``` 这样，当用户点击左侧导航栏的某个导航项时，右侧网页区域就会自动加载对应的网页内容。 以上是一个简单的实现过程，实际应用中还需要根据具体需求进行调整和优化。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值