<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>网站常用手机动态第三方登录方式切换js特效代码 - 搜代码网</title>
<meta name="description" content="网站常用多种登录方式切换js特效代码，高度集成了账号密码登录、手机动态验证码登录、第三方快速登录及扫码登录，非常实用！" />
<meta name="keywords" content="网站常用,多种登录方式,切换,js特效,代码" />
<meta name="author" content="搜代码网" />
<meta name="Copyright" content="搜代码网" />
<link rel="stylesheet" href="css/login.css" type="text/css" />
<script src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript">
function stops(){
return false;
}
document.oncontextmenu=stops;
</script>
</head>
<body>
<div class="wrap"id="wrap">
<div class="register-wrap" id="register-wrap">
<div class="register"id="register">
<div class="register-top" id="reg-top">
<h2 class="normal"id="normal">普通登录</h2>
<h2 class="nopassword"id="nopw">手机无密码登录</h2>
<a id="qrcode"href="#"></a>
</div>
<!--普通登录-->
<div class="register-con" id="rc">
<form action="#">
<ul>
<li id="rc-inner-num">
<i></i>
<span>请输入昵称/邮箱/手机号码</span>
</li>
<li id="rc-inner-virity">
<i></i>
<span>请输入密码</span>
</li>
<li id="rc-innerError"style="width:300px;
height:32px;
padding:0 6px;
color:#ff1877;
border:1px solid #ffd797;
display:none;">
<i style="display:inline-block;
float:left;
width:20px;
height:20px;
margin:6px 10px;
border:none;
background:url(images/bz_16x16.png) no-repeat 0 0;"></i>
<span style="color:#ff1877;
display:inline-block;
float:left;
line-height:26px;">您输入的用户名或密码不正确</span>
</li>
<li class="form-group">
<input type="text"name="phone-num"class="form-control"placeholder="昵称/邮箱/手机号码"/>
<span class="fa fa-check success" style="display:none;color:green;position:relative;left:-25px;top:5px;"></span>
</li>
<li class="form-group">
<input type="password"name="password"id="pass"class="form-control"placeholder="密码"/>
</li>
<li class="read">
<input type="checkbox" class="ck" name="check"value="1"checked="checked"/>
<b>2周内自动登录</b>
<a href="#">忘记密码？</a>
</li>
<li>
<button class="submit"type="submit"id="login-btn"style="border-radius:5px;">立即登录</button>
</li>
<li>
<a href="#" class="haiwai">海外手机登录</a>
<a href="#"class="zhuce">新用户注册</a>
</li>
<li class="zjdl">
无需注册即可登录：
</li>
<li>
<div class="qq"style="border-radius:5px;"></div>
<div class="weixin"style="border-radius:5px;"></div>
<div class="weibo"style="border-radius:5px;"></div>
</li>
</ul>
</form>
</div>
<!--手机无密码登录-->
<div class="login-con" id="lc">
<form action="#">
<ul>
<li id="inner-num">
<i></i>
<span>请输入手机号码</span>
</li>
<li id="inner-virity">
<i></i>
<span>请输入验证码</span>
</li>
<li class="lg-num form-group">
<select name="country" id="country"class="info-select"style="border-radius:5px;">
<option value="中国">中国</option>
</select>
<input type="text"name="phone-num"class="form-control"placeholder="手机号码"/>
<span class="fa fa-check success" style="display:none;color:green;position:relative;left:-25px;top:5px;"></span>
</li>
<li class="password form-group">
<input type="password"name="password"id="pass"class="form-control"placeholder="动态密码"/>
</li>
<li>
<button class="getcode"id="getcode"style="border-radius:5px;">获取手机动态密码</button>
</li>
<li class="read">
<input type="checkbox" class="ck" name="check"value="1"checked="checked"/>
<b>2周内自动登录</b>
<a href="#">忘记密码？</a>
</li>
<li>
<button class="submit"type="submit"id="login-btn1"style="border-radius:5px;">登录</button>
</li>
<li>
<a href="#" class="haiwai">海外手机登录</a>
<a href="#"class="zhuce">新用户注册</a>
</li>
<li class="zjdl">
无需注册即可登录：
</li>
<li>
<div class="qq"style="border-radius:5px;"></div>
<div class="weixin"style="border-radius:5px;"></div>
<div class="weibo"style="border-radius:5px;"></div>
</li>
</ul>
</form>
</div>
<!-- 扫码登录 -->
<div class="saoma" id="sm">
<div class="screen-tu"id="screen"></div>
<div class="saoyisao"></div>
<div class="qr-code">
<img src="images/ereima_202x202.jpg" alt="">
</div>
<div class="link">
<a href="#">点击下载蘑菇街APP</a>
</div>
</div>
</div>
</div>
</div>
<script src="js/login.js"></script>
</body>
</html>
网站常用手机动态第三方登录方式切换js特效代码
需积分: 12 194 浏览量
2018-05-11
14:36:38
上传
评论
收藏 114KB RAR 举报
网站常用手机动态第三方登录方式切换js特效代码.rar （11个子文件） 
网站常用手机动态第三方登录方式切换js特效代码 css 
login.css 9KB images 
ereima_202x202.jpg 91KB
saoyisao_190x37.png 1KB arrow_29x30.png 399B sprite_200x300.png 4KB bz_16x16.png 1KB erweima_46x46.png 285B tubiao_52x53.png 483B
index.html 5KB js jquery-1.7.2.min.js 93KB login.js 13KB资源评论
mypicc
- 粉丝: 0
- 资源: 3
