你的位置:首页 > Java教程

[Java教程]jQuery简洁大方的登录页面模板


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 ="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="width: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-width: 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-width: 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="width: 100%; position: relative"><img src="http://hovertree.com/texiao/jquery/13/2weima.png" style="width: 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=" width: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

孙俪