案例 文件下载   

案例 演示

用户登录框界面修改方法:

1.修改网站风格里CSS:

/* ==用户登录框定义== */
.userbox{
background:url();  (背景图片路径,去掉背景请设为空)
height:50px;  (设置登录框行间距)
background-repeat: no-repeat;
background-position: center center;
........

}

2.重点是修改 Js里的checklogin.js 文件里的以下代码:

                tempstr += "<tr><td colspan=\"2\" align=\"center\"><input type=\"checkbox\" name=\"CookieDate\" value=\"3\">&#x4FDD;&#x5B58;&#x767B;&#x5F55;&#x3000;<input name=\"Login\" type=\"image\" id=\"Login\" src=\""+ siteroot +"Images/logins_01.gif(登录按钮路径)\" style=\"width:38px;height:18px;border:0px;\" align=\"middle\" value=\" &#x767B; &#x5F55; \" onclick=\"CheckUser(" + root.item(0).getElementsByTagName("checkcode").item(0).text + ");\">";
                tempstr += "</td></tr></table>";
                tempstr += "<table border=\"0\" align=\"center\" cellpadding=\"0\" cellspacing=\"0\">";
                tempstr += "<tr><td rowspan=\"2\"><a href=\""+ siteroot +"Reg/User_Reg.asp\" target=\"_blank\"><img src=\""+ siteroot +"Images/join.gif(用户注册按钮路径)\" alt=\"&#x65B0;&#x7528;&#x6237;&#x6CE8;&#x518C;\" border=\"0\"></a>&#x3000;<a href=\""+ siteroot +"User/User_GetPassword.asp\" target=\"_blank\"><img src=\""+ siteroot +"Images/idpw.gif(找回密码按钮路径)\" alt=\"&#x5FD8;&#x8BB0;&#x5BC6;&#x7801;&#xFF1F;\" border=\"0\"></a></td></tr>";
                tempstr += "</table>";

3.制作登录框标签(请看案例中文件).这一步要根据你所需的页面风格设计.