|
|
|
<!DOCTYPE html>
|
|
|
|
<html lang="en">
|
|
|
|
|
|
|
|
<head>
|
|
|
|
<meta charset="UTF-8">
|
|
|
|
<title>首页</title>
|
|
...
|
...
|
@@ -12,21 +13,26 @@ |
|
|
|
<script src="js/base.js"></script>
|
|
|
|
<script src="js/jquery.min.js"></script>
|
|
|
|
<link rel="stylesheet" href="css/swiper.css">
|
|
|
|
<link rel="stylesheet" href="css/public.css">
|
|
|
|
<style>
|
|
|
|
.icon-caidan{
|
|
|
|
.icon-caidan {
|
|
|
|
font-size: 0.5rem;
|
|
|
|
}
|
|
|
|
.icon-magnifier{
|
|
|
|
|
|
|
|
.icon-magnifier {
|
|
|
|
color: #999999;
|
|
|
|
}
|
|
|
|
.icon-bofangshipin{
|
|
|
|
|
|
|
|
.icon-bofangshipin {
|
|
|
|
font-size: 0.38rem;
|
|
|
|
line-height: 1.4;
|
|
|
|
}
|
|
|
|
|
|
|
|
.swiper-container {
|
|
|
|
width: 100%;
|
|
|
|
height: 100%;
|
|
|
|
}
|
|
|
|
|
|
|
|
.swiper-slide {
|
|
|
|
text-align: center;
|
|
|
|
font-size: 18px;
|
|
...
|
...
|
@@ -45,41 +51,47 @@ |
|
|
|
-webkit-align-items: center;
|
|
|
|
align-items: center;
|
|
|
|
|
|
|
|
border-right: 0.1rem;
|
|
|
|
border-radius: 0.1rem;
|
|
|
|
}
|
|
|
|
.swiper-slide img{
|
|
|
|
|
|
|
|
.swiper-slide img {
|
|
|
|
width: 100%;
|
|
|
|
height: 100%;
|
|
|
|
border-radius: 0.1rem;
|
|
|
|
}
|
|
|
|
.top_dot{
|
|
|
|
|
|
|
|
.top_dot {
|
|
|
|
width: 0.08rem;
|
|
|
|
height: 0.08rem;
|
|
|
|
background:rgba(166,16,16,1);
|
|
|
|
border:1px solid rgba(255, 255, 255, 1);
|
|
|
|
background: rgba(166, 16, 16, 1);
|
|
|
|
border: 1px solid rgba(255, 255, 255, 1);
|
|
|
|
border-radius: 50%;
|
|
|
|
position: absolute;
|
|
|
|
top: 0;
|
|
|
|
right: 0;
|
|
|
|
}
|
|
|
|
.icon-guanbi{
|
|
|
|
|
|
|
|
.icon-guanbi {
|
|
|
|
position: absolute;
|
|
|
|
height: 0.5rem;
|
|
|
|
line-height: 0.5rem;
|
|
|
|
top: 0;
|
|
|
|
right: 0.2rem;
|
|
|
|
}
|
|
|
|
.icon-shangsanjiao{
|
|
|
|
|
|
|
|
.icon-shangsanjiao {
|
|
|
|
position: absolute;
|
|
|
|
top: -0.2rem;
|
|
|
|
left: -0.2rem;
|
|
|
|
color: orangered;
|
|
|
|
}
|
|
|
|
|
|
|
|
</style>
|
|
|
|
</head>
|
|
|
|
<script src="js/swiper.js"></script>
|
|
|
|
|
|
|
|
<body>
|
|
|
|
<div class="container">
|
|
|
|
<div class="container">
|
|
|
|
<div class="top">
|
|
|
|
<!--顶部菜单-->
|
|
|
|
<div class="top_t">
|
|
...
|
...
|
@@ -99,32 +111,64 @@ |
|
|
|
<!--<p class="rwxq_jump">人物详情</p>-->
|
|
|
|
<!--<p class="grzy_jump">个人主页</p>-->
|
|
|
|
<!--<p class="spxq_jump">视频详情</p>-->
|
|
|
|
<a href="index.html">
|
|
|
|
<div class="menu_item_a">
|
|
|
|
<div>首页</div>
|
|
|
|
<div class="menu_item_a_pic">
|
|
|
|
<img src="images/you@2x.png">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</a>
|
|
|
|
<a href="">
|
|
|
|
<div class="menu_item_a">
|
|
|
|
<div>精选</div>
|
|
|
|
<div class="menu_item_a_pic">
|
|
|
|
<img src="images/you@2x.png">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</a>
|
|
|
|
<a href="#title">
|
|
|
|
<div class="menu_item_a">
|
|
|
|
<div>动态</div>
|
|
|
|
<div class="menu_item_a_pic">
|
|
|
|
<img src="images/you@2x.png">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</a>
|
|
|
|
<a href="wiki.html">
|
|
|
|
<div class="menu_item_a">
|
|
|
|
<div>百科</div>
|
|
|
|
<div class="menu_item_a_pic">
|
|
|
|
<img src="images/you@2x.png">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
|
|
</a>
|
|
|
|
<!--
|
|
|
|
<a href="">
|
|
|
|
<div class="menu_item_a">
|
|
|
|
<div>隐私查询</div>
|
|
|
|
<div class="menu_item_a_pic">
|
|
|
|
<img src="images/you@2x.png">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</a>
|
|
|
|
<a href="">
|
|
|
|
<div class="menu_item_a">
|
|
|
|
<div>关于我们</div>
|
|
|
|
<div class="menu_item_a_pic">
|
|
|
|
<img src="images/you@2x.png">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</a>
|
|
|
|
<a href="">
|
|
|
|
<div class="menu_item_a">
|
|
|
|
<div>联系我们</div>
|
|
|
|
<div class="menu_item_a_pic">
|
|
|
|
<img src="images/you@2x.png">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</a>
|
|
|
|
-->
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
...
|
...
|
@@ -138,16 +182,37 @@ |
|
|
|
<div class="iconfont icon-10">
|
|
|
|
<div class="top_dot"></div>
|
|
|
|
</div>
|
|
|
|
<div class="top_t_right_text">
|
|
|
|
<div class="top_t_right_reg">
|
|
|
|
注册
|
|
|
|
</div>
|
|
|
|
/
|
|
|
|
<div class="top_t_right_login">
|
|
|
|
登录
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
<!--头像-->
|
|
|
|
<div class="top_t_right_pic">
|
|
|
|
<div class="top_t_right_pic" style="display: none">
|
|
|
|
<img src="images/1.png">
|
|
|
|
<div class="head_right_nav">
|
|
|
|
<div class="head_right_item">
|
|
|
|
<a href="grzy.html">个人主页</a>
|
|
|
|
</div>
|
|
|
|
<div class="head_right_item">
|
|
|
|
<a href="zhsz.html">设置</a>
|
|
|
|
</div>
|
|
|
|
<div class="head_right_item">
|
|
|
|
<a href="">退出登录</a>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!--底部搜索-->
|
|
|
|
<div class="top_d">
|
|
|
|
<div class="iconfont icon-magnifier"></div>
|
|
|
|
<input class="top_d_input" placeholder="搜索音乐/作品/风格">
|
|
|
|
<input class="top_d_input" type="search" id="keyword" placeholder="搜索音乐/作品/风格">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!--轮播图-->
|
|
...
|
...
|
@@ -280,7 +345,7 @@ |
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!--文章-->
|
|
|
|
<div class="title">
|
|
|
|
<div class="title" id="title">
|
|
|
|
<div class="new_e marin_top">
|
|
|
|
Article
|
|
|
|
</div>
|
|
...
|
...
|
@@ -332,7 +397,7 @@ |
|
|
|
<div class="year_pic">
|
|
|
|
<img src="images/left_aa.png">
|
|
|
|
</div>
|
|
|
|
<div >2018</div>
|
|
|
|
<div>2018</div>
|
|
|
|
<div class="year_pic">
|
|
|
|
<img src="images/right_aa.png">
|
|
|
|
</div>
|
|
...
|
...
|
@@ -414,68 +479,934 @@ |
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<!--动态层 -> 密码登录-->
|
|
|
|
<div class="mask mask_pswd" style="display: none;">
|
|
|
|
<div class="mask_box">
|
|
|
|
<!--头部-->
|
|
|
|
<p class="mask_text">
|
|
|
|
密码登录
|
|
|
|
</p>
|
|
|
|
<!--中部输入信息栏-->
|
|
|
|
<div class="mask_box_mid ">
|
|
|
|
<div class="mask_box_text">+86
|
|
|
|
<div class="iconfont icon-jinlingyingcaiwangtubiao22"></div>
|
|
|
|
</div>
|
|
|
|
<input class="mask_box_mid_input" type="number" placeholder="手机号" min="1" max="10">
|
|
|
|
<input class="mask_box_mid_input" type="password" placeholder="密码" min="1" max="10">
|
|
|
|
</div>
|
|
|
|
<!--登录按钮-->
|
|
|
|
<div class="mask_box_sub">登录</div>
|
|
|
|
<!--五种登录模式-->
|
|
|
|
<div class="mask_box_model">
|
|
|
|
<div class="mask_box_model_sub">
|
|
|
|
<img src="images/peke.png">
|
|
|
|
</div>
|
|
|
|
<div class="mask_box_model_sub">
|
|
|
|
<img src="images/peke.png">
|
|
|
|
</div>
|
|
|
|
<div class="mask_box_model_sub">
|
|
|
|
<img src="images/peke.png">
|
|
|
|
</div>
|
|
|
|
<div class="mask_box_model_sub">
|
|
|
|
<img src="images/peke.png">
|
|
|
|
</div>
|
|
|
|
<div class="mask_box_model_sub">
|
|
|
|
<img src="images/e_mail.png">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!--忘记密码 & 立即注册-->
|
|
|
|
<div class="mask_box_bottom">
|
|
|
|
<div class="mask_box_bottom_text">
|
|
|
|
忘记密码
|
|
|
|
</div>
|
|
|
|
<div class="mask_box_bottom_text">
|
|
|
|
立即注册
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<!--动态层 -> 手机号注册-->
|
|
|
|
<div class="mask phone_reg" style="display: none;">
|
|
|
|
<div class="mask_box">
|
|
|
|
<!--头部-->
|
|
|
|
<div class="mask_box_top">
|
|
|
|
<p class="mask_text tel_size">
|
|
|
|
手机号注册
|
|
|
|
</p>
|
|
|
|
<p class="mask_email">
|
|
|
|
邮箱注册
|
|
|
|
</p>
|
|
|
|
</div>
|
|
|
|
<!--中部输入信息栏-->
|
|
|
|
<div class="mask_box_mid tel_margin">
|
|
|
|
<div class="mask_box_text">+86
|
|
|
|
<div class="iconfont icon-jinlingyingcaiwangtubiao22"></div>
|
|
|
|
</div>
|
|
|
|
<input class="mask_box_mid_input" type="number" placeholder="手机号">
|
|
|
|
<input class="mask_box_mid_input" type="number" placeholder="短信验证码">
|
|
|
|
<!--获取验证码-->
|
|
|
|
<span class="mask_box_mid_input_code">获取验证码</span>
|
|
|
|
<input class="mask_box_mid_input" type="password" placeholder="密码">
|
|
|
|
</div>
|
|
|
|
<!--登录按钮-->
|
|
|
|
<div class="mask_box_sub register">注册</div>
|
|
|
|
<!--已有账号，立即登陆-->
|
|
|
|
<div class="mask_box_account">
|
|
|
|
<p></p>
|
|
|
|
<p class="mask_box_account_login">已有账号?立即登录</p>
|
|
|
|
</div>
|
|
|
|
<!--下划线-->
|
|
|
|
<div class="mask_box_underline">
|
|
|
|
|
|
|
|
</div>
|
|
|
|
<!--使用第三方登录-->
|
|
|
|
<div class="mask_box_third">
|
|
|
|
使用第三方登录
|
|
|
|
</div>
|
|
|
|
<!--四种登录模式-->
|
|
|
|
<div class="mask_box_model tel_top">
|
|
|
|
<div class="mask_box_model_sub">
|
|
|
|
<img src="images/peke.png">
|
|
|
|
</div>
|
|
|
|
<div class="mask_box_model_sub">
|
|
|
|
<img src="images/peke.png">
|
|
|
|
</div>
|
|
|
|
<div class="mask_box_model_sub">
|
|
|
|
<img src="images/peke.png">
|
|
|
|
</div>
|
|
|
|
<div class="mask_box_model_sub">
|
|
|
|
<img src="images/peke.png">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!--底部协议确定-->
|
|
|
|
<div class="mask_box_t">
|
|
|
|
注册表示您已阅读和同意《隐私协议》
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<!--动态层 -> 邮箱登录-->
|
|
|
|
<div class="mask email_login" style="display: none;">
|
|
|
|
<div class="mask_box">
|
|
|
|
<!--头部-->
|
|
|
|
<p class="mask_text">
|
|
|
|
邮箱登录
|
|
|
|
</p>
|
|
|
|
<!--中部输入信息栏-->
|
|
|
|
<div class="mask_box_mid ">
|
|
|
|
|
|
|
|
<input class="mask_box_mid_input" type="email" placeholder="邮箱">
|
|
|
|
<input class="mask_box_mid_input" type="password" placeholder="密码">
|
|
|
|
</div>
|
|
|
|
<!--登录按钮-->
|
|
|
|
<div class="mask_box_sub">登录</div>
|
|
|
|
<!--五种登录模式-->
|
|
|
|
<div class="mask_box_model">
|
|
|
|
<div class="mask_box_model_sub">
|
|
|
|
<img src="images/peke.png">
|
|
|
|
</div>
|
|
|
|
<div class="mask_box_model_sub">
|
|
|
|
<img src="images/peke.png">
|
|
|
|
</div>
|
|
|
|
<div class="mask_box_model_sub">
|
|
|
|
<img src="images/peke.png">
|
|
|
|
</div>
|
|
|
|
<div class="mask_box_model_sub">
|
|
|
|
<img src="images/peke.png">
|
|
|
|
</div>
|
|
|
|
<div class="mask_box_model_sub">
|
|
|
|
<img src="images/phone.png">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!--忘记密码 & 立即注册-->
|
|
|
|
<div class="mask_box_bottom">
|
|
|
|
<div class="mask_box_bottom_text">
|
|
|
|
忘记密码
|
|
|
|
</div>
|
|
|
|
<div class="mask_box_bottom_text">
|
|
|
|
立即注册
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<!--动态层 -> 立即登录，10秒后进入登录页-->
|
|
|
|
<div class="now_sub now_sub1" style="display: none;">
|
|
|
|
<div class="mask_big">
|
|
|
|
立即登录
|
|
|
|
</div>
|
|
|
|
<div class="mask_small">
|
|
|
|
<span>10</span>秒后进入登录界面
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<!--动态层 -> 邮箱注册-->
|
|
|
|
<div class="mask email_reg" style="display: none;">
|
|
|
|
<div class="mask_box big_box">
|
|
|
|
<!--头部-->
|
|
|
|
<div class="mask_box_top">
|
|
|
|
<p class="tel_register">
|
|
|
|
手机号注册
|
|
|
|
</p>
|
|
|
|
<p class="email_register">
|
|
|
|
邮箱注册
|
|
|
|
</p>
|
|
|
|
</div>
|
|
|
|
<!--中部输入信息栏-->
|
|
|
|
<div class="mask_box_mid tel_margin">
|
|
|
|
|
|
|
|
<div class="mask_underline">
|
|
|
|
<input class="mask_box_mid_input height_input" type="number" placeholder="邮箱">
|
|
|
|
</div>
|
|
|
|
<span class="mask_box_mid_input_remind">
|
|
|
|
不超过8个中文，不超过12个英文字母，不能有除了_-以外的字符
|
|
|
|
</span>
|
|
|
|
<div class="mask_underline">
|
|
|
|
<input class="mask_box_mid_input height_input" type="number" placeholder="8个字符以内的名称">
|
|
|
|
</div>
|
|
|
|
<div class="mask_underline">
|
|
|
|
<input class="mask_box_mid_input height_input" type="password" placeholder="密码">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!--登录按钮-->
|
|
|
|
<div class="mask_box_sub register">点击验证</div>
|
|
|
|
<!--已有账号，立即登陆-->
|
|
|
|
<div class="mask_box_account">
|
|
|
|
<p></p>
|
|
|
|
<p class="e_login">已有账号?立即登录</p>
|
|
|
|
</div>
|
|
|
|
<!--下划线-->
|
|
|
|
<div class="mask_box_underline">
|
|
|
|
|
|
|
|
</div>
|
|
|
|
<!--使用第三方登录-->
|
|
|
|
<div class="mask_box_third">
|
|
|
|
使用第三方登录
|
|
|
|
</div>
|
|
|
|
<!--四种登录模式-->
|
|
|
|
<div class="mask_box_model tel_top">
|
|
|
|
<div class="mask_box_model_sub">
|
|
|
|
<img src="images/peke.png">
|
|
|
|
</div>
|
|
|
|
<div class="mask_box_model_sub">
|
|
|
|
<img src="images/peke.png">
|
|
|
|
</div>
|
|
|
|
<div class="mask_box_model_sub">
|
|
|
|
<img src="images/peke.png">
|
|
|
|
</div>
|
|
|
|
<div class="mask_box_model_sub">
|
|
|
|
<img src="images/peke.png">
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!--底部协议确定-->
|
|
|
|
<div class="mask_box_t">
|
|
|
|
注册表示您已阅读和同意《隐私协议》
|
|
|
|
</div>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<!--动态层 -> 我们已向你的邮箱:xx发送-->
|
|
|
|
<div class="now_sub" style="display: none;">
|
|
|
|
<div class="mask_big">
|
|
|
|
我们已向你的邮箱:
|
|
|
|
</div>
|
|
|
|
<div class="mask_middle">
|
|
|
|
XXXXX发送一封验证邮箱
|
|
|
|
</div>
|
|
|
|
<div class="mask_s">
|
|
|
|
请进入邮箱查看邮件，完成邮箱验证
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<!--动态层 -> 找回密码-->
|
|
|
|
<div class="mask back_find" style="display: none;">
|
|
|
|
<div class="mask_find">
|
|
|
|
<!--找回密码-->
|
|
|
|
<div class="mask_find_big">
|
|
|
|
找回密码
|
|
|
|
</div>
|
|
|
|
<div class="mask_find_small">
|
|
|
|
验证码将会发送到你的邮箱或者手机
|
|
|
|
</div>
|
|
|
|
<!--请输入手机号/邮箱-->
|
|
|
|
<div class="mask_find_box">
|
|
|
|
<input class="mask_find_box_input" placeholder="请输入手机号/邮箱">
|
|
|
|
</div>
|
|
|
|
<!--下一步-->
|
|
|
|
<div class="mask_find_next">
|
|
|
|
下一步
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<!--动态层 -> 验证手机有效性-->
|
|
|
|
<div class="mask back_find2" style="display: none;">
|
|
|
|
<div class="mask_find">
|
|
|
|
<!--找回密码-->
|
|
|
|
<div class="mask_find_big">
|
|
|
|
验证手机有效性
|
|
|
|
</div>
|
|
|
|
<div class="mask_find_small">
|
|
|
|
验证码已经发送至手机：13987654321
|
|
|
|
</div>
|
|
|
|
<!--请输入验证码-->
|
|
|
|
<div class="mask_find_box">
|
|
|
|
<input class="mask_find_box_input width_input" placeholder="请输入验证码">
|
|
|
|
<div class="mask_find_box_small">23秒后重新获取</div>
|
|
|
|
</div>
|
|
|
|
<!--请输入密码-->
|
|
|
|
<div class="mask_find_box">
|
|
|
|
<input class="mask_find_box_input" placeholder="请输入密码">
|
|
|
|
</div>
|
|
|
|
<!--下一步-->
|
|
|
|
<div class="mask_find_next">
|
|
|
|
下一步
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<!--动态层 -> 验证邮箱有效性-->
|
|
|
|
<div class="mask find" style="display: none;">
|
|
|
|
<div class="mask_find">
|
|
|
|
<!--验证邮箱有效性-->
|
|
|
|
<div class="mask_find_big">
|
|
|
|
验证邮箱有效性
|
|
|
|
</div>
|
|
|
|
<div class="mask_find_small">
|
|
|
|
验证码已经发送至邮箱：maplestory@gmail.com
|
|
|
|
</div>
|
|
|
|
<!--请输入验证码-->
|
|
|
|
<div class="mask_find_box">
|
|
|
|
<input class="mask_find_box_input width_input" placeholder="请输入验证码">
|
|
|
|
<div class="mask_find_box_small">23秒后重新获取</div>
|
|
|
|
</div>
|
|
|
|
<!--请输入密码-->
|
|
|
|
<div class="mask_find_box">
|
|
|
|
<input class="mask_find_box_input" placeholder="请输入密码">
|
|
|
|
</div>
|
|
|
|
<!--下一步-->
|
|
|
|
<div class="mask_find_next">
|
|
|
|
下一步
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!--设置昵称-->
|
|
|
|
<div class="mask fit" style="display: none;">
|
|
|
|
<div class="fit_name">
|
|
|
|
<div class="fit_name_title">
|
|
|
|
设置昵称
|
|
|
|
<img src="images/close.png" alt="">
|
|
|
|
</div>
|
|
|
|
<div class="fit_name_main">
|
|
|
|
<form action="">
|
|
|
|
<input type="text" name="" id="" placeholder="请设置您的昵称">
|
|
|
|
<p>不超过8个中文，不超过12个英文字母，不能有除了_-以外的字符</p>
|
|
|
|
<button type="button">完成</button>
|
|
|
|
</form>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!--手机号设置-->
|
|
|
|
<div class="mask " style="display: none;">
|
|
|
|
<div class="mask_box m_top">
|
|
|
|
<!--标题-->
|
|
|
|
<div class="mask_tel">
|
|
|
|
手机号设置
|
|
|
|
</div>
|
|
|
|
<!--输入框盒子-->
|
|
|
|
<div class="mask_box_i">
|
|
|
|
<!--新手机号-->
|
|
|
|
<div class="mask_new">
|
|
|
|
<input class="mask_new_input" type="text" placeholder="新手机号">
|
|
|
|
</div>
|
|
|
|
<!--输入验证码-->
|
|
|
|
<div class="mask_new border_no">
|
|
|
|
<div class="mask_new">
|
|
|
|
<input class="mask_new_small" type="text" placeholder="输入验证码">
|
|
|
|
</div>
|
|
|
|
<div class="mask_new_text">获取验证码</div>
|
|
|
|
</div>
|
|
|
|
<!--底部按钮-->
|
|
|
|
<div class="mask_tel_button">
|
|
|
|
<!--左边取消-->
|
|
|
|
<div class="mask_tel_button_left">
|
|
|
|
取消
|
|
|
|
</div>
|
|
|
|
<!--右边保存-->
|
|
|
|
<div class="mask_tel_button_right">
|
|
|
|
保存
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<!--安全验证-->
|
|
|
|
<div class="mask " style="display: none;">
|
|
|
|
<div class="mask_box m_top">
|
|
|
|
<!--标题-->
|
|
|
|
<div class="mask_tel">
|
|
|
|
安全认证
|
|
|
|
</div>
|
|
|
|
<!--输入框盒子-->
|
|
|
|
<div class="mask_box_i">
|
|
|
|
<!--使用手机号-->
|
|
|
|
<div class="mask_new">
|
|
|
|
<input class="mask_new_input" type="text" value="使用手机号134****2359">
|
|
|
|
</div>
|
|
|
|
<!--输入验证码-->
|
|
|
|
<div class="mask_new border_no">
|
|
|
|
<div class="mask_new">
|
|
|
|
<input class="mask_new_small" type="text" placeholder="输入验证码">
|
|
|
|
</div>
|
|
|
|
<div class="mask_new_text">获取验证码</div>
|
|
|
|
</div>
|
|
|
|
<!--底部按钮-->
|
|
|
|
<div class="mask_ver_button">
|
|
|
|
验证
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<!--设置昵称-->
|
|
|
|
<div class="mask " style="display: none;">
|
|
|
|
<div class="mask_name">
|
|
|
|
<!--关闭按钮-->
|
|
|
|
<!--<div class="iconfont iconguanbi"></div>-->
|
|
|
|
<!--设置昵称-->
|
|
|
|
<div class="mask_name_title">
|
|
|
|
设置昵称
|
|
|
|
</div>
|
|
|
|
<!--昵称输入框-->
|
|
|
|
<div class="mask_name_input">
|
|
|
|
<input class="nickname" type="text" placeholder="请设置您的昵称">
|
|
|
|
</div>
|
|
|
|
<!--提示文字-->
|
|
|
|
<div class="mask_name_hint">
|
|
|
|
不超过8个中文，不超过12个英文字母，不能有除了_-以外的字符
|
|
|
|
</div>
|
|
|
|
<!--提交完成按钮-->
|
|
|
|
<div class="mask_name_sub">
|
|
|
|
完成
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<!--绑定手机号继续-->
|
|
|
|
<div class="mask " style="display: none;">
|
|
|
|
<div class="mask_name tel_height">
|
|
|
|
<!--关闭按钮-->
|
|
|
|
<!--<div class="iconfont iconguanbi"></div>-->
|
|
|
|
<!--设置昵称-->
|
|
|
|
<div class="mask_name_title">
|
|
|
|
绑定手机号继续
|
|
|
|
</div>
|
|
|
|
<!--头像-->
|
|
|
|
<div class="mask_tel_box">
|
|
|
|
<div class="mask_tel_box_pic">
|
|
|
|
<img src="images/1.png">
|
|
|
|
</div>
|
|
|
|
<p>你好啊小明同学</p>
|
|
|
|
</div>
|
|
|
|
<!--昵称输入框-->
|
|
|
|
<div class="mask_name_input">
|
|
|
|
<input class="nickname" type="text" placeholder="请设置您的昵称">
|
|
|
|
</div>
|
|
|
|
<!--提示文字-->
|
|
|
|
<!--<div class="mask_name_hint">-->
|
|
|
|
<!--不超过8个中文，不超过12个英文字母，不能有除了_-以外的字符-->
|
|
|
|
<!--</div>-->
|
|
|
|
<!--提交完成按钮-->
|
|
|
|
<div class="mask_name_sub margin_to">
|
|
|
|
下一步
|
|
|
|
</div>
|
|
|
|
<!--跳过-->
|
|
|
|
<div class="mask_jump">
|
|
|
|
跳过这一步
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<!--解绑账号-->
|
|
|
|
<div class="mask " style="display: none;">
|
|
|
|
<div class="mask_name">
|
|
|
|
<!--关闭按钮-->
|
|
|
|
<!--<div class="iconfont iconguanbi"></div>-->
|
|
|
|
<!--设置昵称-->
|
|
|
|
<div class="mask_name_title">
|
|
|
|
解绑账号
|
|
|
|
</div>
|
|
|
|
<!--设置其他登录方式-->
|
|
|
|
<div class="mask_name_way">
|
|
|
|
请设置其他登录方式后再解绑
|
|
|
|
</div>
|
|
|
|
<!--提交完成按钮-->
|
|
|
|
<div class="mask_name_sub way_top">
|
|
|
|
完成
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<!--解绑账号2-->
|
|
|
|
<div class="mask " style="display: none;">
|
|
|
|
<div class="mask_name">
|
|
|
|
<!--关闭按钮-->
|
|
|
|
<!--<div class="iconfont iconguanbi"></div>-->
|
|
|
|
<!--设置昵称-->
|
|
|
|
<div class="mask_name_title">
|
|
|
|
解绑账号
|
|
|
|
</div>
|
|
|
|
<!--设置其他登录方式-->
|
|
|
|
<div class="mask_name_way">
|
|
|
|
请设置其他登录方式后再解绑
|
|
|
|
|
|
|
|
</div>
|
|
|
|
<!--提交完成按钮-->
|
|
|
|
<div class="mask_way_sub">
|
|
|
|
<div class="mask_way_sub_left">取消</div>
|
|
|
|
<div class="mask_way_sub_right">确定</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<!--设置新密码-->
|
|
|
|
<div class="mask " style="display: none;">
|
|
|
|
<div class="mask_box m_top">
|
|
|
|
<!--标题-->
|
|
|
|
<div class="mask_tel">
|
|
|
|
设置密码
|
|
|
|
</div>
|
|
|
|
<!--输入框盒子-->
|
|
|
|
<div class="mask_box_i">
|
|
|
|
<!--设置新密码-->
|
|
|
|
<div class="mask_new">
|
|
|
|
<input class="mask_new_input" type="text" placeholder="设置新密码">
|
|
|
|
</div>
|
|
|
|
<!--输入验证码-->
|
|
|
|
<div class="mask_new">
|
|
|
|
<input class="mask_new_input" type="text" placeholder="再次输入密码">
|
|
|
|
</div>
|
|
|
|
<!--底部按钮-->
|
|
|
|
<div class="mask_tel_button">
|
|
|
|
<!--左边取消-->
|
|
|
|
<div class="mask_tel_button_left">
|
|
|
|
取消
|
|
|
|
</div>
|
|
|
|
<!--右边保存-->
|
|
|
|
<div class="mask_tel_button_right">
|
|
|
|
确定
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<!--设置邮箱-->
|
|
|
|
<div class="mask " style="display: none;">
|
|
|
|
<div class="mask_box m_top">
|
|
|
|
<!--标题-->
|
|
|
|
<div class="mask_tel">
|
|
|
|
设置邮箱
|
|
|
|
</div>
|
|
|
|
<!--输入框盒子-->
|
|
|
|
<div class="mask_box_i">
|
|
|
|
<!--新手机号-->
|
|
|
|
<div class="mask_new">
|
|
|
|
<input class="mask_new_input" type="text" placeholder="新增邮箱">
|
|
|
|
</div>
|
|
|
|
<!--输入验证码-->
|
|
|
|
<div class="mask_new border_no">
|
|
|
|
<div class="mask_new">
|
|
|
|
<input class="mask_new_small" type="text" placeholder="邮箱验证码">
|
|
|
|
</div>
|
|
|
|
<div class="mask_new_text">获取验证码</div>
|
|
|
|
</div>
|
|
|
|
<!--底部按钮-->
|
|
|
|
<div class="mask_tel_button">
|
|
|
|
<!--左边取消-->
|
|
|
|
<div class="mask_tel_button_left">
|
|
|
|
取消
|
|
|
|
</div>
|
|
|
|
<!--右边保存-->
|
|
|
|
<div class="mask_tel_button_right">
|
|
|
|
确定
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<!--内容提交-->
|
|
|
|
<div class="mask" style="display: none;">
|
|
|
|
<div class="mask_box submit_height">
|
|
|
|
<div class="mask_submit_text">
|
|
|
|
<p>
|
|
|
|
内容已成功提交，我们将尽快审核。
|
|
|
|
</p>
|
|
|
|
<p>
|
|
|
|
（结果将通过站内信告知）
|
|
|
|
</p>
|
|
|
|
</div>
|
|
|
|
<div class="mask_submit_bottom">
|
|
|
|
确定
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<!--隐私协议-->
|
|
|
|
<div class="mask" style="display: none;">
|
|
|
|
<div class="mask_box_a">
|
|
|
|
<!--大标题-->
|
|
|
|
<div class="mask_title">
|
|
|
|
隐私协议
|
|
|
|
</div>
|
|
|
|
<!--小标题-->
|
|
|
|
<div class="mask_small_text">
|
|
|
|
|
|
|
|
一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关
|
|
|
|
一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关
|
|
|
|
一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关
|
|
|
|
一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关
|
|
|
|
一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关
|
|
|
|
一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关
|
|
|
|
一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关
|
|
|
|
一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关
|
|
|
|
一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关
|
|
|
|
一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关
|
|
|
|
一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关
|
|
|
|
一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关
|
|
|
|
一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关
|
|
|
|
一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关
|
|
|
|
一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关
|
|
|
|
一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关
|
|
|
|
一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关
|
|
|
|
一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关
|
|
|
|
一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关
|
|
|
|
一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关
|
|
|
|
一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关
|
|
|
|
一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关
|
|
|
|
一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关
|
|
|
|
一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关
|
|
|
|
一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关
|
|
|
|
一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关
|
|
|
|
一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关
|
|
|
|
一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关
|
|
|
|
一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关
|
|
|
|
一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关
|
|
|
|
一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关
|
|
|
|
一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关
|
|
|
|
一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关
|
|
|
|
一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关
|
|
|
|
一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关
|
|
|
|
一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关
|
|
|
|
一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!--关于我们-->
|
|
|
|
<div class="mask" style="display: none;">
|
|
|
|
<div class="mask_box_a">
|
|
|
|
<!--大标题-->
|
|
|
|
<div class="mask_title">
|
|
|
|
关于我们
|
|
|
|
</div>
|
|
|
|
<!--小标题-->
|
|
|
|
<div class="mask_small_text">
|
|
|
|
|
|
|
|
一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关
|
|
|
|
一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关
|
|
|
|
一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关
|
|
|
|
一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关
|
|
|
|
一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关
|
|
|
|
一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关
|
|
|
|
一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关
|
|
|
|
一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关
|
|
|
|
一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关
|
|
|
|
一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关
|
|
|
|
一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关
|
|
|
|
一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关
|
|
|
|
一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关
|
|
|
|
一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关
|
|
|
|
一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关
|
|
|
|
一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关
|
|
|
|
一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关
|
|
|
|
一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关
|
|
|
|
一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关
|
|
|
|
一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关
|
|
|
|
一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关
|
|
|
|
一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关
|
|
|
|
一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关
|
|
|
|
一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关
|
|
|
|
一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关
|
|
|
|
一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关
|
|
|
|
一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关
|
|
|
|
一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关
|
|
|
|
一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关
|
|
|
|
一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关
|
|
|
|
一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关
|
|
|
|
一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关
|
|
|
|
一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关
|
|
|
|
一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关
|
|
|
|
一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关
|
|
|
|
一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关
|
|
|
|
一、我们可能收集的用户信息我们提供服务时，可能会收集、储存和使用下列与您有关
|
|
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div id="message_info" class="growl" style="display:none;">
|
|
|
|
<div id="message_content" class="growl-item alert message_error"></div>
|
|
|
|
</div>
|
|
|
|
</body>
|
|
|
|
<script>
|
|
|
|
$(".top_d_input").on('keypress', function(e) {
|
|
|
|
var keycode = e.keyCode;
|
|
|
|
var searchName = $(this).val();
|
|
|
|
if (keycode == '13') {
|
|
|
|
e.preventDefault();
|
|
|
|
//请求搜索接口
|
|
|
|
|
|
|
|
}
|
|
|
|
});
|
|
|
|
$('#top_d_input').on('submit', function(e) {
|
|
|
|
// ...
|
|
|
|
//搜索
|
|
|
|
});
|
|
|
|
|
|
|
|
//点击打开菜单
|
|
|
|
$('.icon-caidan').click(function () {
|
|
|
|
$('.icon-caidan').click(function() {
|
|
|
|
console.log(11)
|
|
|
|
$('.menu_item').slideToggle();
|
|
|
|
// 关闭图片功能 2019.4.8
|
|
|
|
// if($(this).hasClass("icon-caidan")){
|
|
|
|
// $(this).addClass("icon-guanbi");
|
|
|
|
// $(this).removeClass("icon-caidan");
|
|
|
|
// $("body").css("overflow","hidden");
|
|
|
|
// }else{
|
|
|
|
// $(this).removeClass("icon-guanbi");
|
|
|
|
// $(this).addClass("icon-caidan");
|
|
|
|
// $("body").css("overflow","auto");
|
|
|
|
// }
|
|
|
|
// 关闭图片功能 2019.4.8
|
|
|
|
// if($(this).hasClass("icon-caidan")){
|
|
|
|
// $(this).addClass("icon-guanbi");
|
|
|
|
// $(this).removeClass("icon-caidan");
|
|
|
|
// $("body").css("overflow","hidden");
|
|
|
|
// }else{
|
|
|
|
// $(this).removeClass("icon-guanbi");
|
|
|
|
// $(this).addClass("icon-caidan");
|
|
|
|
// $("body").css("overflow","auto");
|
|
|
|
// }
|
|
|
|
})
|
|
|
|
|
|
|
|
//地址跳转
|
|
|
|
$('.index_jump').click(function () {
|
|
|
|
$('.index_jump').click(function() {
|
|
|
|
window.location.href = 'index.html'
|
|
|
|
})
|
|
|
|
$('.rwxq_jump').click(function () {
|
|
|
|
$('.rwxq_jump').click(function() {
|
|
|
|
window.location.href = 'rwxq.html'
|
|
|
|
})
|
|
|
|
$('.grzy_jump').click(function () {
|
|
|
|
$('.grzy_jump').click(function() {
|
|
|
|
window.location.href = 'grzy.html'
|
|
|
|
})
|
|
|
|
$('.spxq_jump').click(function () {
|
|
|
|
$('.spxq_jump').click(function() {
|
|
|
|
window.location.href = 'grzy.html'
|
|
|
|
})
|
|
|
|
|
|
|
|
//点击打开视频
|
|
|
|
$('.video_player').click(function () {
|
|
|
|
$('.mask_2').css("display","flex");
|
|
|
|
|
|
|
|
//点击打开视频详情
|
|
|
|
$('.video_player').click(function() {
|
|
|
|
// $('.mask_2').css("display", "flex");z'z'z'z'z'z'z'z'z'z'z'z'z'z'z'z'z'z'z
|
|
|
|
location.href = "spxq.html"
|
|
|
|
})
|
|
|
|
|
|
|
|
// 点击关闭视频
|
|
|
|
$('.icon-guanbi').click(function () {
|
|
|
|
$('.mask_2').css("display","none")
|
|
|
|
$('.icon-guanbi').click(function() {
|
|
|
|
$('.mask_2').css("display", "none")
|
|
|
|
var video = document.getElementById('video_1');
|
|
|
|
video.pause()
|
|
|
|
})
|
|
|
|
|
|
|
|
//点击图片进入视频详情
|
|
|
|
$('.pic_box').click(function () {
|
|
|
|
$('.pic_box').click(function() {
|
|
|
|
window.location.href = "spxq.html"
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
|
|
var swiper = new Swiper('.swiper-container',{
|
|
|
|
var swiper = new Swiper('.swiper-container', {
|
|
|
|
|
|
|
|
loop: true, // 循环模式选项
|
|
|
|
// autoplay: {
|
|
|
|
// delay: 1000,
|
|
|
|
// disableOnInteraction: false,
|
|
|
|
// },
|
|
|
|
loop: true,
|
|
|
|
// 循环模式选项
|
|
|
|
autoplay: {
|
|
|
|
delay: 2000,
|
|
|
|
disableOnInteraction: false,
|
|
|
|
},
|
|
|
|
pagination: {
|
|
|
|
el: '.swiper-pagination',
|
|
|
|
},
|
|
|
|
});
|
|
|
|
var addMessage = function(type, message) {
|
|
|
|
$("#message_content").html("");
|
|
|
|
$("#message_content").removeClass("message_success");
|
|
|
|
$("#message_content").removeClass("message_error");
|
|
|
|
if (message != null && message != '') {
|
|
|
|
if (type == 'success') {
|
|
|
|
$("#message_content").addClass("message_success");
|
|
|
|
} else {
|
|
|
|
$("#message_content").addClass("message_error");
|
|
|
|
}
|
|
|
|
$("#message_content").html(message);
|
|
|
|
$("#message_info").fadeIn();
|
|
|
|
setTimeout(function() {
|
|
|
|
$("#message_info").fadeOut();
|
|
|
|
}, 2000);
|
|
|
|
};
|
|
|
|
};
|
|
|
|
// $('body').click(function() {
|
|
|
|
// addMessage('success', '修改成功');
|
|
|
|
// })
|
|
|
|
|
|
|
|
|
|
|
|
//登录
|
|
|
|
$('.top_t_right_login,.email_login .mask_box_model .mask_box_model_sub:last-child').click(function() {
|
|
|
|
$('.mask').hide()
|
|
|
|
$('.now_sub').hide()
|
|
|
|
$('.email_reg').hide()
|
|
|
|
$('.mask_pswd').show()
|
|
|
|
$('.email_login').hide()
|
|
|
|
})
|
|
|
|
//点击登陆
|
|
|
|
$('.mask_pswd .mask_box_sub,.email_login .mask_box_sub').click(function() {
|
|
|
|
addMessage('success', '登录成功');
|
|
|
|
$('.mask').hide()
|
|
|
|
|
|
|
|
$('.top_t_right_text').hide()
|
|
|
|
$('.top_t_right_pic').show()
|
|
|
|
})
|
|
|
|
//注册
|
|
|
|
$('.top_t_right_reg').click(function() {
|
|
|
|
$('.mask_pswd').hide()
|
|
|
|
$('.phone_reg').show()
|
|
|
|
$('body').css('overflow-y', 'hidden')
|
|
|
|
|
|
|
|
})
|
|
|
|
//手机注册
|
|
|
|
$('.mask_pswd .mask_box_bottom .mask_box_bottom_text:last-child').click(function() {
|
|
|
|
$('.mask_pswd').hide()
|
|
|
|
$('.phone_reg').show()
|
|
|
|
})
|
|
|
|
//手机立即登录
|
|
|
|
$('.phone_reg .register').click(function() {
|
|
|
|
addMessage('success', '注册成功');
|
|
|
|
$('.mask').hide()
|
|
|
|
$('.now_sub1').show()
|
|
|
|
//三秒后弹出登录
|
|
|
|
var timer = setInterval(function() {
|
|
|
|
doItPerSecond();
|
|
|
|
}, 1000)
|
|
|
|
var num = 4;
|
|
|
|
|
|
|
|
function doItPerSecond() {
|
|
|
|
//dosomething...
|
|
|
|
num--;
|
|
|
|
var time = parseInt($('.mask_small span').html())
|
|
|
|
$('.mask_small span').html(num)
|
|
|
|
if (num == 0) {
|
|
|
|
// alert(1)
|
|
|
|
window.clearInterval(timer);
|
|
|
|
$('.now_sub1').hide()
|
|
|
|
$('.mask_pswd').show()
|
|
|
|
}
|
|
|
|
console.log(num);
|
|
|
|
}
|
|
|
|
})
|
|
|
|
//手机找回密码
|
|
|
|
$('.mask_pswd .mask_box_bottom .mask_box_bottom_text:first-child').click(function() {
|
|
|
|
$('.mask_pswd').hide()
|
|
|
|
$('.back_find').show()
|
|
|
|
})
|
|
|
|
//手机找回密码2
|
|
|
|
$('.back_find .mask_find_next').click(function() {
|
|
|
|
$('.back_find').hide()
|
|
|
|
$('.back_find2').show()
|
|
|
|
})
|
|
|
|
//已有帐号，立即登录
|
|
|
|
$('.mask_box_account_login').click(function() {
|
|
|
|
$('.phone_reg').hide()
|
|
|
|
$('.mask_pswd').show()
|
|
|
|
|
|
|
|
})
|
|
|
|
//邮箱注册
|
|
|
|
$('.mask_email,.email_login .mask_box_bottom .mask_box_bottom_text:nth-child(2)').click(function() {
|
|
|
|
$('.phone_reg').hide()
|
|
|
|
$('.email_login').hide()
|
|
|
|
$('.email_reg').show()
|
|
|
|
|
|
|
|
})
|
|
|
|
$('.mask email_login').click(function() {
|
|
|
|
$('.email_login').hide()
|
|
|
|
$('.email_reg').show()
|
|
|
|
})
|
|
|
|
//手机号注册
|
|
|
|
$('.tel_register').click(function() {
|
|
|
|
$('.phone_reg').show()
|
|
|
|
$('.email_reg').hide()
|
|
|
|
})
|
|
|
|
//邮箱登录
|
|
|
|
$('.e_login,.mask_pswd .mask_box_model .mask_box_model_sub:last-child').click(function() {
|
|
|
|
$('.email_reg').hide()
|
|
|
|
$('.mask,.mask_pswd').hide()
|
|
|
|
$('.email_login').show()
|
|
|
|
|
|
|
|
})
|
|
|
|
|
|
|
|
//立即登录
|
|
|
|
$('.back_find2 .mask_find_next').click(function() {
|
|
|
|
// alert(1)
|
|
|
|
$('.now_sub1').show()
|
|
|
|
$('.back_find2').hide()
|
|
|
|
var timer = setInterval(function() {
|
|
|
|
doItPerSecond();
|
|
|
|
}, 1000)
|
|
|
|
var num = 4;
|
|
|
|
|
|
|
|
function doItPerSecond() {
|
|
|
|
//dosomething...
|
|
|
|
num--;
|
|
|
|
var time = parseInt($('.mask_small span').html())
|
|
|
|
$('.mask_small span').html(num)
|
|
|
|
if (num == 0) {
|
|
|
|
// alert(1)
|
|
|
|
window.clearInterval(timer);
|
|
|
|
$('.now_sub1').hide()
|
|
|
|
$('.mask_pswd').show()
|
|
|
|
}
|
|
|
|
console.log(num);
|
|
|
|
}
|
|
|
|
})
|
|
|
|
//
|
|
|
|
$('.top_t_right_pic img').click(function() {
|
|
|
|
$('.head_right_nav').toggle()
|
|
|
|
})
|
|
|
|
//搜索
|
|
|
|
$("#keyword").on('keypress', function(e) {
|
|
|
|
var keycode = e.keyCode;
|
|
|
|
var searchName = $(this).val();
|
|
|
|
if (keycode == '13') {
|
|
|
|
e.preventDefault();
|
|
|
|
//请求搜索接口
|
|
|
|
//alert('1')
|
|
|
|
var val = $('#keyword').val();
|
|
|
|
|
|
|
|
if (val == '') {
|
|
|
|
// addMessage('success', '请输入内容');
|
|
|
|
window.location.href = "search_no.html";
|
|
|
|
|
|
|
|
} else {
|
|
|
|
window.location.href = "search.html";
|
|
|
|
return false;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
});
|
|
|
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
</html> |
...
|
...
|
|
