jQuery简洁大方的登录页面模板
2015-12-10 11:29
681 查看
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文件代码:
更多: /article/6453322.html
本模板带验证码
在线体验: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="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>
更多: /article/6453322.html
相关文章推荐
- jQuery实现监控页面所有ajax请求的方法
- Jquery+json
- jquery 操作input
- 详解jquery插件中;(function ( $, window, document, undefined )的作用
- Jquery之AJAX COOKIES跨域请求 - JSONP实现方法
- jquery发送参数
- jquery源码中ajax方法理解之十五问
- jquery.autocomplete.js 插件的自定义搜索规则
- jquery实现鼠标悬浮停止轮播特效
- jquery实现定时自动轮播特效
- jQuery手动点击实现图片轮播特效
- jquery点击改变class并toggle
- Jquery easyui从零单排之datagrid排序
- jquery判断复选框是否选中进行答题提示特效
- jQuery手动点击实现图片轮播特效
- jquery实现定时自动轮播特效
- jquery实现鼠标悬浮停止轮播特效
- jQuery实现监控页面所有ajax请求的方法
- jQuery自定义动画函数实例详解(附demo源码)
- SpringMVC框架下JQuery传递并解析Json格式的数据是如何实现的