文档章节

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

开源CMS
 开源CMS
发布于 2015/12/10 11:18
字数 497
阅读 138
收藏 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
东城
高级程序员
MVC中子页面如何引用模板页中的jquery脚本

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

金一,梦开始的地方
09/11
0
0
初看jQuery,比较dojo与jQuery的不同点

以下观点是建立在我初看jQuery,但并没有对jQuery详细理解的情况下。 可能随着后面对jQuery的使用,而增加更深的了解。也可能发现我当初的观点是错误的。 大体浏览了一下jQuery的文档,发现j...

xpbug
2012/08/18
0
0
收藏几个漂亮的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
20篇教你得到酷炫效果的JQuery教程

我们都喜爱jquery带来的梦幻效果。本之列举的教程标题不同,但它们都带有不同的酷炫视觉效果。跟着它们逐步重建你的设计,又或是将这些令人震憾的特效融入你的设计中。 Making a Beautiful H...

晨曦之光
2012/03/09
0
0
Dijit、ExtJS、jQuery UI 异同浅析

简介: 当今,各类 JavaScript 框架在前端开发中已经相当普及。Dojo、Ext jQuery 等主流 JavaScript 框架不仅提供了一系列核心 API 来屏蔽浏览器差异,简化 DOM 操作、增强 JavaScript 原生 ...

索隆
2012/02/21
0
0

没有更多内容

加载失败,请刷新页面

加载更多

腾讯投资最高1.75亿美元正式进军菲律宾移动支付市场

菲律宾长途电话公司(PLDT)公司今日宣布,中国互联网巨头腾讯和私募股权公司KKR将获得该公司旗下金融科技公司Voyager Innovations的少数股权。 PLDT在一份声明中称:“腾讯和KKR最多将分别收...

linuxCool
36分钟前
2
0
正则介绍及grep/egrep用法

10月16日任务 9.1 正则介绍_grep上 9.2 grep中 9.3 grep下 扩展 把一个目录下,过滤所有*.php文档中含有eval的行 grep -r --include="*.php" 'eval' /data 正则介绍 正则就是一串有规律的字符...

hhpuppy
47分钟前
1
0
J2Cache 中使用 Lettuce 替代 Jedis 管理 Redis 连接

一直以来 J2Cache 都是使用 Jedis 连接 Redis 服务的。Jedis 是一个很老牌的 Redis 的 Java 开发包,使用很稳定,作者维护很勤勉,社区上能搜到的文章也非常非常多。算是使用范围最广的 Redi...

红薯
今天
15
0
一个可能的NEO链上安全随机数解决方案

0x00 困境 链上安全随机数生成应该算是一个比较蛋疼的问题,哪怕你的系统再牛逼,合约程序困在小小的虚拟机里,哪怕天大的本事也施展不开。 更悲催的是,交易执行的时候,是在每一个节点都执...

暖冰
今天
1
0
【大福利】极客时间专栏返现二维码大汇总

我已经购买了如下专栏,大家通过我的二维码你可以获得一定额度的返现! 然后,再给大家来个福利,只要你通过我的二维码购买,并且关注了【飞鱼说编程】公众号,可以加我微信或者私聊我,我再...

飞鱼说编程
今天
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部