`

左边下拉列表

    博客分类:
  • js
阅读更多

<%@ 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
          onmouseover="this.typename='list_title2';"
          onclick=chang(menu1,60,list1);
          onmouseout="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=TeacherInfo.aspx target="menu">□ 教师基本信息</a></td>
              </tr>
                          <tr>
                <td height=25><a href=AddTeacherInfo.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=list2
          onmouseover="this.typename='list_title2';"
          onclick=chang(menu2,60,list2);
          onmouseout="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=ExaminationInfo.aspx target="menu">□ 试题基本信息</a></TD>
                  </TR>
                  <TBODY>
                    <TR>
                      <TD height=25><a href=AddExamination.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
          onmouseover="this.typename='list_title2';"
          onclick=chang(menu10,30,list10);
          onmouseout="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
          onmouseover="this.typename='list_title2';"
          onclick=chang(menu4,30,list4);
          onmouseout="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
          onmouseover="this.typename='list_title2';"
          onclick=chang(menu8,80,list8);
          onmouseout="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>

分享到:
评论

相关推荐

    绿色下拉列表html

    在网页设计中,下拉列表(Select)是用户界面中常用的一种交互元素,它允许用户在预设的一组选项中进行选择。"绿色下拉列表html"可能指的是使用HTML配合CSS来创建一个具有绿色主题风格的下拉选择框。下面我们将深入...

    C# 点击按钮显示下拉式列表菜单的实例

    这通常涉及到Windows Forms或WPF应用开发,其中按钮控件与下拉列表(如ComboBox或ListBox)结合使用,为用户提供选择项的便捷方式。下面我们将详细探讨如何实现这一功能。 首先,我们需要在界面上添加一个Button...

    Python 窗体(tkinter)下拉列表框(Combobox)实例

    6. `comboxlist.bind("&lt;&lt;ComboboxSelected&gt;&gt;", go)` 将事件处理函数`go`绑定到`ComboboxSelected`事件上,当用户从下拉列表中选择一个值时,该函数会被调用。 7. `comboxlist.pack()` 使`Combobox`在窗口中显示。 8....

    Jquery实现select multiple左右添加和删除功能的简单实例

    项目要实现这样的一个功能(如下图所示):选择左边下拉列表框中的选项,点击添加按钮,把选择的选项移动到右边的下拉列表框中,同样的选择右边的选项,点击删除按钮,即把选择的选项移动到左边的下拉列表框中.相信用js很多...

    JS学习DOM 关联下拉列表,时钟,全选全不选,选中左移右移,实现创建自定义表格 弹出选项页面填入文本框

    自己上课完整理的十分全面,注释一看就懂。功能很完备,比如选中A框左移到B框,不...5.关联下拉列表:选中第一个下拉列表国家,第二个下拉列表只显示对应国家的城市 6.点击按钮弹出带选项小页面,选中选项填入文本框

    点击左边列表在右边显示选项 多选 单选

    左边一个列表(从数据库里读出的) 右边一个列表 你点击、双击 就可以将左边选中的 显示在右边。可以实现简单的单选 多选的问题。为了你能下载就能运行,所以我就弄了一个简单的列子 可以给你一些重要提示。希望能...

    JS控制下拉列表左右选择实例代码

    在本文中,我们将深入探讨如何使用JavaScript(JS)来实现一个功能,即控制下拉列表中的左右选择。这个功能在很多场景中都很有用,比如在分类管理中编辑商品信息时,用户可以方便地将商品从一个分类移动到另一个。...

    下拉列表select 由左边框移动到右边示例

    在网页开发中,下拉列表(Select)是一种常见的用户交互元素,用于展示多个可选项供用户选择。本文将深入探讨如何实现一个功能,即将下拉列表`select`中的选中项从左侧框移动到右侧框的示例,并讨论与之相关的...

    左边可伸缩列表框

    表单是收集用户信息的一种方式,可能包含各种输入字段(如文本框、下拉列表、复选框、单选按钮等),而这个“左边可伸缩列表框”可能是作为表单的一部分,让用户选择特定的值或进行筛选操作。 从压缩包子文件的文件...

    Delphi为StringGrid控件增加Combobox下拉框.rar

    Delphi为StringGrid网格显示控件中增加下拉框功能,也就是在Grid控件中添加Combobox下拉列表的功能,在任意列显示一个ComboBox功能,如演示截图所示,可大大扩展Grid的功能。生成列表:  with Sender as TComboBox ...

    MFC实现的多选的列表框ListBox

    左边的“待选的历史人物”列表框包含历史人物的名字,当选中人名并单击“添加”按钮,则名字会被添加到右边的“你喜欢的历史人物”列表框,同时从左侧的列表框中删除;当选中“你喜欢的历史人物”列表框中的人名并...

    jquery ui 实现的选择框

    闲来无事,用jquery模拟了一个下拉框,可以通过输入框对下拉列表进行过滤. 原理: 1.下拉框由div和文本框组成, 2.点击下拉框弹出下拉列表 3.向文本框输入值时对下拉框进行过滤 4.选择值后将值回显到输入框 依赖: jquery...

    JS实现左边列表移到到右边列表功能

    1.左边的下拉框内容添加到右边的下拉框,支持多选移动,且同时将右边的下拉框对象移除; 2.支持列表中项目上下位置的移动; 3.效果图如下: Html代码 &lt;HTML&gt; &lt;HEAD&gt; &lt;TITLE&gt;选择下拉菜单&lt;/...

    JSP页面中如何用select标签实现级联

    级联下拉列表能够让用户在选择了某个特定选项之后,自动更新其他相关联的下拉列表的内容,从而实现数据的层次化筛选。 首先,要理解级联下拉列表的工作原理。在上述教务系统的例子中,入学批次、学生层次、专业和...

    仿制天猫左边导航条js

    此外,还可以通过添加更多的CSS动画和JavaScript交互,如过渡效果、下拉动画等,来提升用户体验。例如,使用CSS的`transition`属性添加平滑的展开和收缩动画,或者使用`addEventListener('click')`来支持点击触发子...

    新手写的Java五子棋游戏源码.rar

    新手写的Java五子棋游戏源码,包括了:客户端用户线程....Panel左边的下拉列表中列出了所有用户的名字。  右边的文本框可以输入聊天信息,点击回车信息被发送。此外还可以在文本框中输入命令如changename、list等。

    itunes怎么显示左边栏.docx

    左边栏恢复后,你可以看到你的媒体库、播放列表、播客、iTunes Store、 Genius等常用功能的快捷入口。这样,你就能方便地浏览和管理你的数字媒体内容了。 此外,如果在“查看”菜单中,你看到的是“隐藏边栏”选项...

    android下拉刷新+上拉加载+滑动删除的ListView

    下拉刷新(Pull-to-Refresh)功能允许用户通过向下拉动列表来获取最新数据。这种功能常见于新闻应用、社交媒体等,更新内容时非常便捷。实现下拉刷新通常使用SwipeRefreshLayout组件,它可以包裹一个ListView或...

    js从select1选择到select2 左边选择到右边(很好用)

    在网页开发中,`select`标签是用于创建下拉列表的HTML元素,它在用户界面设计中扮演着重要角色,特别是在表单提交时提供多选项选择。本教程将深入探讨如何利用JavaScript实现从一个`select`(select1)中选择选项并...

Global site tag (gtag.js) - Google Analytics