<style>
TD{font-size:  9pt;  color:  #66DDDD}
.out{font-size:  9pt;  color:  #66DDDD;border-width:1px;border-style:solid;border-color:0090c0  0070b0  0070b0  0090c0;cursor:hand;  background:0080c0;  text-align:  center}
.out2  {text-align:  center}
.in,.out2{font-size:  9pt;  color:  #66DDDD;border-width:1px;border-style:solid;border-color:0070b0  0090c0  0090c0  0070b0;background:0078b8;cursor:default}
</style>
<script>
var  temp_num  =  null;
var  now_num    =  null;

var  the_top  =  127;    //表单的最高,最低
var  the_bottom  =  146 

var  no_can_do  =  false;

function  Show_menu(u_num,d_num)
{
        event.srcElement.className  =  "out2";
       
        if(no_can_do)
        {
                return;
        }       
       
        now_num  =  d_num;
       
        if(temp_num)       
        {
                if(document.getElementById("menu_"+temp_num).doing)
                {
                        clearInterval(document.getElementById("menu_"+temp_num).doing);
                }
        }
        else
        {
                temp_num  =  u_num;
        }
       
        document.getElementById("menu_"+temp_num).doing  =  setInterval("set_menu()",10);
       
}

function  set_menu()
{
        no_can_do  =  true;
       
        document.getElementById("form_"+temp_num).style.display  =  "none";
       
        var  if_move  =  document.getElementById("div_"+temp_num).style.pixelHeight  -  6;
       

        if(if_move>1)
        {
                document.getElementById("div_"+temp_num).style.pixelHeight  =  if_move;
        }
        else
        {
                document.getElementById("div_"+temp_num).style.pixelHeight  =  1;
               
                var  if_stop  =  document.getElementById("menu_"+temp_num).style.pixelTop  -  1;
               
                if(if_stop>the_top)
                {
                        document.getElementById("menu_"+temp_num).style.pixelTop  =  if_stop;
                        document.getElementById("menu_"+now_num).style.pixelTop  +=  1;
                }
                else
                {
                        document.getElementById("menu_"+temp_num).style.pixelTop  =  the_top;
                        document.getElementById("menu_"+now_num).style.pixelTop  =  the_bottom;
                       
                        var  if_end  =  document.getElementById("div_"+now_num).style.pixelHeight  +  6;
                       
                        if(if_end  <  182)
                        {
                                document.getElementById("div_"+now_num).style.pixelHeight  =  if_end
                        }
                        else
                        {
                                document.getElementById("div_"+now_num).style.pixelHeight  =  182;
                               
                                clearInterval(document.getElementById("menu_"+temp_num).doing);
                               
                                document.getElementById("menu_"+temp_num).doing  =  false;
                               
                                document.getElementById("form_"+now_num).style.display  =  "block";
                               
                                temp_num  =  null;
                               
                                no_can_do  =  false;
                        }

                }
               
        }
       
}

function  returnIT()
{
        event.srcElement.className  =  "out";
}
</script>

<div  id="menu_0"  style="position:  absolute;  top:  127;  left:  176;  width:  339;  height:  201">

<table  border="0"  width="100%"  style="background-color:  #0080C0"  cellspacing="0"  cellpadding="0"  height="19">
    <tr>
        <td  width="277"  class="out"  height="19"  style="cursor:  default">  </td>
        <td  width="58"  class="out"  height="19"  onmousedown="Show_menu(1,0)"  onmouseup="returnIT()">老师登录</td>
    </tr>
</table>
<div    id="div_0"  style="position:  relative;  width:  339;  height:  1;  overflow:  hidden">
<table  border="0"  width="100%"  style="background-color:  #0080C0"  cellspacing="0"  cellpadding="0"  height="182">
    <tr>
        <td  width="100%"  height="182">
            <form  id="form_0"  style="position:  relative;  left:70;  top:10;font-family:  Arial;  display:  none"  action="javascript:;"  method="post"  align="center">
 
                当前用户类型：老师
                <br>
                <br>
                用户:  <input  class="in"  style="WIDTH:  100px"  size="20">  mail.cn<br>                                                   
                口令:  <input  class="in"  type="password"  size="20"><br>                                                     
                <br>
                                                                   
              <input  class="out"    onfocus="this.close()"    type="button"  value="登录服务器">                   
            </form>
            　</td>
    </tr>
</table>
</div>
</div>

<div  id="menu_1"  style="position:  absolute;  top:  146;  left:  176;  width:  339;  height:  219">

<table  border="0"  width="100%"  style="background-color:  #0080C0"  cellspacing="0"  cellpadding="0"  height="19">
    <tr>
        <td  width="277"  class="out"  height="19"  style="cursor:  default">  </td>
        <td  width="58"  class="out"  height="19"  onmousedown="Show_menu(0,1)"  onmouseup="returnIT()">学生登录</td>
    </tr>
</table>
<div    id="div_1"  style="position:  relative;  width:  339;  height:  182;  overflow:  hidden">
<table  border="0"  width="100%"  style="background-color:  #0080C0"  cellspacing="0"  cellpadding="0"  height="100%">
    <tr>
        <td  width="100%"  height="182">
            <form  id="form_1"  style="position:  relative;  left:70;  top:10;font-family:  Arial;  display:  block"  action="javascript:;"  method="post"  align="center">
 
                当前用户类型：学生
                <br>
                <br>
                用户:  <input  class="in"  style="WIDTH:  100px"  size="20">  mail.cn<br>                                                 
                口令:  <input  class="in"  type="password"  size="20"><br>                                                     
                <br>
                                                                 
              <input  class="out"    onfocus="this.close()"    type="button"  value="登录服务器">                   
            </form>
            　</td>
    </tr>
</table>
</div>
</div>