jQuery简洁大方的登录页面模板

2019-04-13 21:09发布

站内文章 / 模拟电子
13604 0 1267
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> <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="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/">jQuerya> <a href="http://hovertree.com/hvtart/bjae/vgte3y3a.htm">Demo 2a> <a href="http://hovertree.com/hvtart/bjae/dw0f8ytk.htm">Demo 3a> <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 孙俪

热门文章