<script language="javascript" type="text/javascript" src=http://www.dede58.com/"{dede:global.cfg_cmsurl/}/include/dedeajax2.js"></script><!--这段是显示整个效果必须要存在的ajax框架-->
<script language="javascript" type="text/javascript">
function CheckLogin(){ //判断是否登陆的函数
var taget_obj = document.getElementById('_userlogin'); //登陆后动态加载的区块，也就是<body>区域的id="_userlogin"的所有内容
myajax = new DedeAjax(taget_obj,false,false,'','','');
myajax.SendGet2("{dede:global.cfg_cmspath/}/member/ajax_loginsta.php"); //登陆后的要显示的具体内容
DedeXHTTP = null;
}
</script>
</head>
<body>
<div id="_userlogin"><!--动态显示的内容区块，ID值必须与上面的document.getElementById('_userlogin') 中 的_userlogin保持一致-->
<form name="userlogin" action="{dede:global.cfg_memberurl/}/index_do.php" method="POST"><!--登陆提交的处理页面-->
<input type="hidden" name="fmdo" value="login" /><!--定义操作为login-->
<input type="hidden" name="dopost" value="login" /><!--定义操作为login-->
<input type="hidden" name="keeptime" value="604800" /><!--记住登陆状态的时间，单位秒-->
<ul>
<li>
<label>用户名：</label><input type="text" name="userid" class="text" style="width:100px"/><!--用户名-->
</li>
<li>
<label>密 码：</label> <input type="password" name="pwd" class="text" style="width:100px"/><!--密码-->
</li>
<li>
<label>验证码：</label><input type="text" name="vdcode" class="text" style="width:40px"/> <img id="vdimgck" align="absmiddle" onClick="this.src=this.src+'?'" style="cursor: pointer; margin-left: 0px;" alt="看不清？点击更换" src=http://www.dede58.com/"../include/vdimgck.php"/>
</li>
<li><button type="submit" class="btn-1">登录</button> <a href=http://www.dede58.com/"{dede:global.cfg_memberurl/}/index_do.php?fmdo=user&dopost=regnew" >注册帐号</a> <a href=http://www.dede58.com/"{dede:global.cfg_memberurl/}/resetpassword.php">忘记密码?</a> </li>
</ul>
</div>
<script language="javascript" type="text/javascript">CheckLogin();</script><!--本函数必须加载，用于获取上面的function CheckLogin()函数-->
<style>
#_userlogin{font-size:12px; height:22px; text-align:left;}
#_userlogin ul {margin:0;}
#_userlogin ul li{ list-style:none; margin:0; padding:5px 0;}
#_userlogin ul li input.text{font-size:12px; height:14px;}
#_userlogin .userinfo{
width:220px;
}
#_userlogin .userinfo .welcome{
width:220px;
height:24px;
margin:12px auto;
background:#F9F9F9;
border-top:1px solid #EEE;
border-bottom:1px solid #EEE;
line-height:23px;
text-indent:10px;
color:#666;
}
#_userlogin .userinfo .welcome strong{
color:#F60;
font-weight:bold;
}
#_userlogin .userinfo .userface{
width:60px;
height:64px;
overflow:hidden;
padding-left:16px;
padding-top:2px;
float:left;
}
#_userlogin .userinfo .userface a{
display:block;
margin:0px auto;
text-align:center;
}
#_userlogin .userinfo .userface a img{
width:52px;
height:52px;
display:block;
margin:0px auto 6px;
padding:2px;
border:1px solid #DDD;
}
#_userlogin .userinfo .mylink{
width:144px;
float:left;
overflow:hidden;
}
#_userlogin .userinfo .mylink ul{
margin:0;
padding:0;
}
#_userlogin .userinfo .mylink ul li{
width:50%;
float:left;
line-height:21px;
text-indent:12px;
padding:0;
}
#_userlogin .userinfo .mylink ul li a{
color:#555;
}
.userinfo .uclink{
height:31px;
line-height:31px;
clear:both;
overflow:hidden;
text-align:center;
color:#DDD;
}
.userinfo .uclink a{
color:#690;
margin:0px 2px;
}
</style>
</body>
</html>
好，接下来我们看看效果：
登陆后的显示样式我们用织梦（DedeCMS）自带的，来看看效果：