me
实际的模版代码是这样的。
<!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" />
<script src="__ROOT__/js/jquery-1.7.2.min.js"></script>
<script src="__ROOT__/js/llz.js?v=<?php echo time();?>"></script>
<title>{$Think.config.SYSNAME}</title>
<style>
body{margin:0px auto; padding:0px auto; text-align:center}
input{outline:none}
#main{background:url(__ROOT__/images/bg.jpg) center center;background-size:cover;height:auto;width:100%;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='__ROOT__/images/bg.jpg', sizingMethod='scale'); overflow:auto; overflow:hidden;}
.div{position:absolute; z-index:10; width:400px; height:300px; overflow:hidden}
.title_div{width:400px; height:80px; clear:both; margin:o auto;background:url(__ROOT__/images/sysname.gif); }
.login_div{width:350px; height:200px; border:1px solid #0c3186; border-radius:10px; margin:0 auto; overflow:hidden;}
.bgalpha{background:#cbdcf0;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;}
.list{width:100%; height:38px; line-height:38px; padding-left:10px; font-size:14px; text-align:left; font-weight:bold; overflow:hidden}
.list_left{width:80px; height:30px; line-height:30px; text-align:left; font-weight:normal; margin-left:10px; font-size:12px; float:left}
.list_left1{width:140px; height:30px; line-height:30px; text-align:left; font-weight:normal; margin-left:10px; font-size:12px; float:left}
.ipt{width:120px; height:25px; line-height:25px; border:1px solid #000066; padding-left:5px; font:9pt}
.ipt1{width:60px; height:25px; line-height:25px; border:1px solid #000066; padding-left:5px; font:9pt}
.but{background:#1b3a7a; padding:5px 10px; border:1px solid #000066; color:#fff}
</style>
<script>
var styleurl="";
var indexurl="__GROUP__";
$(function(){
var bodyw=$("body").width();
var bodyh=$(window).height();
$("#main").css({height:bodyh+"px"});
$("#div").css({top:(bodyh*0.32)+"px",left:(bodyw*0.53)+"px"});
$("#login").click(function(){
var data="",url="",arr="",id=this.id,
arr={"divid":"#","jstype":"1","act":id,"url":indexurl,"action":id,"stype":"save"};
url=id;
data=$("#form").serialize();
data+="&login="+id;
llzfun.showpage(data,url,arr);
})
$(":input").keyup(function(e){
var keyCode = e.keyCode ? e.keyCode : e.which ? e.which : e.charCode;
if (keyCode==13){
$("#login").click();
}
});
$("#getcode").click(function(){
$(this).attr("src",'__GROUP__/login/getcode?' + Math.random());
})
});
function login(v){
if (v.stat=="0"){
alert(v.msg);
return false;
}
document.location.href=v.stat;
}
</script>
</head>
<body scroll="no">
<div id="main">
<div class="div" id="div">
<div class="title_div" id="title_div"></div>
<form id="form">
<div class="login_div bgalpha" id="login_div">
<div class="list">用户登录</div>
<div class="list">
<div class="list_left">用户名：</div>
<div class="list_left1"><input type="text" class="ipt" id="username" name="username" /></div>
</div>
<div class="list">
<div class="list_left">用户密码：</div>
<div class="list_left1"><input type="password" class="ipt" id="password" name="password" /></div>
</div>
<div class="list undisp">
<div class="list_left">验证码：</div>
<div class="list_left"><input type="text" class="ipt1" id="code" name="code" /></div>
<div class="list_left"><img src="__GROUP__/login/getcode" id="getcode" title="看不清，点击换一张" align="absmiddle"></div>
</div>
<div class="list">
<div class="list_left1"></div>
<div class="list_left"><input type="button" value="登录" class="but" id="login" name="login" /></div>
</div>
</div>
</form>
</div>
</div>
</body>
</html>
QQ图片20131105140907.jpg
( 44.58 KB 下载：3 次 )
最佳答案
