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

最新推荐文章于 2022-11-22 13:38:10 发布

魍川

最新推荐文章于 2022-11-22 13:38:10 发布

阅读量3.7k

点赞数 1

分类专栏：其他

其他专栏收录该内容

3 篇文章 0 订阅

订阅专栏

<!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="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>

jQuery简洁大方的登录页面模板简洁大方，有二维码，带验证码