jQuery+CSS网站登录模板
本模板带验证码
在线体验：http://hovertree.com/texiao/jquery/13.htm
Demo 2：http://hovertree.com/hvtart/bjae/vgte3y3a.htm
Demo 3：http://hovertree.com/hvtart/bjae/dw0f8ytk.htm
以下是HTML文件代码：
<!DOCTYPE html> <!-- saved from url=(0060)http://hovertree.com/login.php?gotopage=index.php --> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>网站登录模板 - 何问起</title> <link type="text/css" rel="stylesheet" href="http://hovertree.com/texiao/jquery/13/login.css"> <script type="text/javascript" src="http://hovertree.com/ziyuan/jquery/jquery-1.11.3.min.js"></script> <script type="text/javascript" src="http://hovertree.com/texiao/jquery/13/login.js"></script> </head> <body style="overflow:hidden"> <div class="pagewrap"> <div class="main"> <div class="header"> <div style="768px;margin:0px auto;"> <a href="http://hovertree.com/hvtart/bjae/jftxwtko.htm">原文</a> <a href="http://hovertree.com">首页</a> <a href="http://hovertree.com/texiao/">特效</a> <a href="http://hovertree.com/menu/jquery/">jQuery</a> <a href="http://hovertree.com/hvtart/bjae/vgte3y3a.htm">Demo 2</a> <a href="http://hovertree.com/hvtart/bjae/dw0f8ytk.htm">Demo 3</a> <br /> </div> </div> <div class="content"> <div class="con_left"></div> <div class="con_right"> <div class="con_r_top"><a href="javascript:;" class="left" style="color: rgb(153, 153, 153); border-bottom- 2px; border-bottom-style: solid; border-bottom-color: rgb(222, 222, 222);">扫码直达</a> <a href="javascript:;" class="right" style="color: rgb(51, 51, 51); border-bottom- 2px; border-bottom-style: solid; border-bottom-color: rgb(46, 85, 142);">登录管理</a></div> <ul> <li class="con_r_left" style="display: none;"> <div class="erweima"> <div class="qrcode"> <div id="output" style=" 100%; position: relative"> <img src="http://hovertree.com/texiao/jquery/13/2weima.png" style=" 174px; height: 174px"> </div> </div> </div> <div style="height: 70px"> <p>扫码上网 安全便捷</p> </div> </li> <li class="con_r_right" style="display: block;"> <form name="form1" method="post" action="http://tool.hovertree.com/info/ip/" autocomplete="off"> <div class="user"> <div> <span class="user-icon"></span> <input type="text" id="userid" name="userid" placeholder=" 输入账号" value=""> </div> <div> <span class="mima-icon"></span> <input type="password" id="pwd" name="pwd" placeholder=" 输入密码" value=""> </div> <div> <span class="yzmz-icon"></span> <input id="vdcode" type="text" name="validate" placeholder=" 验证码" value="" style=" 150px;"> <!-- 这里是验证码的相关路径，各位站长自行更换 --> <img style="cursor: pointer; margin-top:8px;" id="imgHoverTreeCode" alt="看不清？点击更换" title="看不清？点击更换" src="http://hovertree.com/texiao/jquery/13/hovertreecheckcode.gif"> </div> </div><br> <button id="btn_Login" type="submit">登 录</button> </form> </li> </ul> </div> </div> </div> </div> </body> </html>
更多： http://www.cnblogs.com/roucheng/p/texiao.html
