文档章节

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

开源CMS
 开源CMS
发布于 2015/12/10 11:18
字数 497
阅读 148
收藏 0

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="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://my.oschina.net/jqtexiao/blog

© 著作权归作者所有

共有 人打赏支持
开源CMS
粉丝 7
博文 3
码字总数 1392
作品 0
东城
高级程序员
私信 提问
12款程序员们最爱的Bootstrap模板

如果你还没有开始使用Bootstrap模板,那你可真是有够OUT,这是一个帮助你快速开发的工具,Bootstrap是基于jQuery框架开发的,它在jQuery框架的基础上进行了更为个性化和人性化的完善,形成一...

gbin1
2014/09/18
179
0
10 款简单精美的 jQuery 和 CSS3 表单

表单在网页中扮演着十分重要的作用,从用户登录注册到留言评论,都离不开表单。一个设计精美方便的表单,可以提高用户交互的质量。下面给大家介绍10款设计简单但是外观精美的jQuery和CSS3表单...

android哥哥
2012/08/06
8.9K
10
收藏几个漂亮的login页面验证

大气带JS表单验证功能的注册页面模板1 http://www.js-css.cn/a/css/template/reglogin/2014/0721/1272.html 大气带JS表单验证功能的登录页面模板2 http://www.js-css.cn/a/css/template/reg...

k_k_anna
2015/03/03
0
0
MVC中子页面如何引用模板页中的jquery脚本

MVC中子页面如何引用模板页中的jquery脚本 最近在学习mvc,遇到了一个问题:在html页面中写js代码,都是引用mvc5自带的jquery脚本,虽然一拖(将指定的jquery脚本如 jquery-1.10.2.js拖动到页...

金一,梦开始的地方
09/11
0
0
15款ajax特效,针对Lightbox和Modal Dialog

运用Lightbox和Modal Dialog可以很方便地在浏览器中展示内容,而无需重载整个页面,有了Lightbox就不必再使用浏览器弹窗了。Lightbox正愈来愈广泛地应用于媒体、网页、邮件、表格等元素的展示...

小编辑
2010/11/22
4.4K
8

没有更多内容

加载失败,请刷新页面

加载更多

jquery

语法 描述 实例 $("*") 选取所有元素 在线实例 $(this) 选取当前 HTML 元素 在线实例 $("p.intro") 选取 class 为 intro 的 <p> 元素 在线实例 $("p:first") 选取第一个 <p> 元素 在线实例 ...

mskk
3分钟前
0
0
微信红包设计方案

前言 微信红包一经推出,春节期间微信用户红包总发送量达80.8亿,红包峰值40.9w/秒,在如此量级下,系统设计存在各种变数,稍有闪失会功亏一篑。 红包系统 红包系统有三部分组成:信息流,业...

春哥大魔王的博客
13分钟前
0
0
微信开发-正式号的配置

1、设置相关 业务域名的设置(不设置的话,相关页面会显示防欺诈盗号信息提示) JS接口安全域名设置 网页授权域名设置 注意:以上三个设置中都有下载文件的提示,此文件内容一样,下载一个即可...

Code辉
18分钟前
1
0
微服务之Eureka服务发现

当调用API或者发起网络通信的时候,无论如何我们都要知道被调用方的IP和服务端口,大部分情况是通过域名和服务端口,事实上基于DNS的服务发现,因为DNS缓存、无法自治和其他不利因素的存在,...

架构师springboot
19分钟前
0
0
spring boot2 admin login

版本: admin server 配置 admin client 配置 参考资料

showlike
21分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部