login副本.html 3.23 KB
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>后台登陆系统</title>
<style>
* { margin:0; padding:0; word-wrap:break-word; word-break:break-all; }/*英文自动换行*/
html{background:#f6f6f6 ;}
body { background: bottom center no-repeat; color:#121212;  font:12px/1.6em Helvetica, Arial, sans-serif; padding-bottom:227px; }
a { color:#555; text-decoration:none;  text-decoration:none;  blr:expression(this.onFocus=this.blur()); /* IE Opera */ outline:none; /* FF Opera */}
a:hover { text-decoration:underline; text-decoration:none;}
img { border:none; }
html { overflow:-moz-scrollbars-vertical; }
.login{ width:351px; height:240px; background:url(__PUB__images/bg_03.jpg) top left no-repeat;
position: fixed; left: 50%; top: 50%; margin-left: -176px; margin-top: -160px;/*margin:160px auto 80px auto;*/}
.login table{ width:220px; margin:0 auto; padding-top:40px; line-height:40px;} 
.login table td{ height:40px;}
.text{ width:153px; height:25px; border:1px solid #e5e1dd;}
.text1{ width:75px; height:25px; border:1px solid #e5e1dd; margin-right:10px; float:left;}
.yz span{  display:block; padding-top:3px; float:left;}
.but{ background:url(__PUB__images/bg2_03.jpg) top left no-repeat; width:49px; height:17px; float:left; margin-right:10px; border:0; cursor:pointer;}
.but2{ background:url(__PUB__images/bg2_05.jpg) top left no-repeat; width:49px; height:17px; border:0; cursor:pointer;}

</style>
<script type="text/javascript" src="__PUB__js/bootstrap.min.js"></script>
<script type="text/javascript" src="__PUB__js/jquery.min.js"></script>
<script>
function fleshVerify(){ 
    //重载验证码
    var time = new Date().getTime();
        document.getElementById("verifyImg").src="<{:U('verify',array(),'')}><{:C('URL_PATHINFO_DEPR')}>"+time;
}
</script>
</head>

<body>
    <div class="login"><form class="form-horizontal" method="post" action="<{:U('Public/login')}>">
        <table width="220" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="65">用户名:</td>
            <td width="155"><input name="username" type="text" class="text" /></td>
          </tr>
          <tr>
            <td>密  码:</td>
            <td><input name="password" type="password" class="text" /></td>
          </tr>
          <tr>
            <td>验证码:</td>
            <td class="yz"><input name="verify" type="text" class="text1" /><span><a href="javascript:fleshVerify()"><img id="verifyImg" src="<{:U('verify',array(),'')}>"  alt="点击刷新验证码" onclick="fleshVerify()" style=" cursor:pointer;vertical-align:top"/></a></span></td>
          </tr>
          <tr>
            <td>&nbsp;</td>
            <td><input name="" value="" type="submit" class="but" /><input name="" value="" type="reset" class="but2" /></td>
          </tr>
        </table> </form>

        
        <div class="clear"></div>
		<div style="text-align: center;margin-top: 20px;"><a href="http://www.enet360.com">北京联合易网网络技术开发有限公司</a></div>
    </div>
    
</body>
</html>