当焦点放到某个控件上,他下面弹出一个控件

<head runat="server">
    <title>无标题页</title>

    <script language="javascript" type="text/javascript">
       function   ShowDiv(obj,divName)  
   {  
    var   x,y;  
    var oleft=parseInt(obj.offsetLeft);
    var otop=parseInt(obj.offsetTop);
    while(obj=obj.offsetParent){
      otop+=obj.offsetTop;
      oleft+=obj.offsetLeft;
    }
    x=oleft-4;
    y=otop+18;
    
    var obj=document.getElementById(divName);
    obj.style.position = "absolute";
    obj.style.left = x.toString()+"px";
    obj.style.top = y.toString()+"px";
    obj.style.display="";
   }
   function HideDiv(divName)
   {
    var obj=document.getElementById(divName);
    obj.style.display="none";
   }

    </script>

</head>
<body>
    <form id="form1" runat="server">
        <div>
            <table>
                <tr>
                    <td>
                        &nbsp;用户:</td>
                    <td>
                        <input id="Text1" οnkeydοwn="if(event.keyCode==13)event.keyCode=9" style="border-right: 1px;
                            border-top: 1px; border-left: 1px; width: 100px; border-bottom: 1px; height: 18px;
                            border: 1px solid #999" type="text" size="14" name="UserName" οnfοcus="ShowDiv(this,'divRemName');HideDiv('divRemPwd');"></td>
                    <td width="8">
                    </td>
                    <td>
                        密码:</td>
                    <td>
                        <input id="Password1" οnkeydοwn="if(event.keyCode==13)event.keyCode=9" style="border-right: 1px;
                            border-top: 1px; border-left: 1px; width: 100px; border-bottom: 1px; height: 18px;
                            border: 1px solid #999" type="password" size="14" name="UserPass" οnfοcus="ShowDiv(this,'divRemPwd');HideDiv('divRemName');"></td>
                    <td width="8">
                    </td>
                </tr>
            </table>
        </div>
        <div id="divRemName" style="display:none;color:#666666"><input type="checkbox" id="chkRemName" name="chkRemName" value="checkbox">记住用户名
   </div>
  <div id="divRemPwd" style="display:none;color:#666666"><input type="checkbox" id="chkRemPwd" name="chkRemPwd" value="checkbox">记住密码
   </div>

    </form>
</body>
</html>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值