卓越飞翔博客卓越飞翔博客

卓越飞翔 - 您值得收藏的技术分享站
技术文章1829本站已运行4109

帝国cms新版ajax登陆插件(仿3d66)

功能如截图,ajax弹窗登录插件,由帝国CMS yecha 制作并免费分享。感谢作者!
帝国cms新版ajax登陆插件(仿3d66)
会员注册页面
帝国cms新版ajax登陆插件(仿3d66)
会员登录页面
帝国cms新版ajax登陆插件(仿3d66)
第三方登录页面
 
<link rel="stylesheet" type="text/css" href="/lcss/login.css"/>
<script type="text/javascript" src="/lcss/jquery.js"></script>
<script type="text/javascript" src="/lcss/login.js"></script>
<div class="xajaxlogin three-login clearfix" style="display:none;"> 
  <!-- 广告模块 -->
  <div class="normal-imgs focus66 sysFocusImgSing" data-id="339"> <a rel="nofollow" href="#" target="_blank"><img src="/lcss/ad.png" alt=""></a></div>
  <!-- 登录模块 -->
  <div class="normal loginbox">
    <!-- 没有账号,立即登录 -->
    <div class="three-login-notips"> 没有账号?<a href="javascript:;" id="threeRegister">立即注册</a> </div>
    <!-- 第三方登陆 -->
    <div class="login-style loginv3-style"> 
      <!-- <div class="login-style-title">
                <b></b>第三方登录<b></b>
            </div> -->
      <div class="login-style-contant"> 
        <!-- <span>
                    <a href="javascript:;" class="style-contant-wechat"></a>
                    <b>微信</b>
                    <em class="login-type-wx">(最近登录)</em>
                </span> --> 
        
        <!-- 微信扫一扫登录 -->
        <div class="login3-wechat">
          <div class="login3-wechat-title">
            <input type="hidden" id="key" value="AFCE20D4331394AF282D6BB0F9497846">
          </div>
          <div class="login3-wechat-erweima"> 
            <!-- 二维码生成 -->
            <div class="login3-erweima-box">
            <iframe scrolling="no" allowtransparency="true" frameborder="0" src="https://www.yitu.cn/e/memberconnect/?apptype=gweixin" style="height:168px; width:168px;"></iframe></div>
            <!-- 三种状态对应的文案 -->
            <div class="login3-erweima-black" style="display: none;"> 
            </div>
          </div>
          <h6><i></i> 扫码 -关注公众号 - 登录</h6>
        </div>
        <div class="login3-qqphone"> <span> <a href="/e/memberconnect/?apptype=qq" target="_blank" class="style-contant-qq"></a> <b>QQ</b>  </span> <span> <a href="javascript:;" class="three-login-phoneeml"></a> <b>用户名</b>  </span> </div>
      </div>
      <div class="login-style-text"> 注册和登录即代表您已同意 <a href="#" target="_blank">《本站用户协议》</a> </div>
    </div>
  </div>
  <!--注册模块-->
  <div class="normal other-normal" style="display:none;">
        <div class="normal-login">
            <div class="normal-login-title gotologin4-1"></div>
            <div class="login-from" data-login-switch="normal">
                <!-- 国际区号 -->
                <label>
                    <em></em>
                    <div class="intl-tel-input allow-dropdown separate-dial-code iti-sdc-3"><div class="flag-container"></div><input id="selectAreaCode" type="text" class="area-code monitor-input1 user-reg" placeholder="用户名" autocomplete="off"></div>
                </label>
                <!-- 验证码 -->
                <label class="login-yzm">
                    <input type="text" name="" class="monitor-input3 user-pwd" placeholder="输入密码" maxlength="6" autocomplete="off">
                    
                </label>
                <label class="login-password register-pwd">
                    <input type="text" name="" id="email" class="monitor-input2 user-email" placeholder="输入邮箱" maxlength="16" autocomplete="new-password">
                    <i id="passwordActive" data-pwd="1" class="seepwd"></i>
                </label>
                <input type="hidden" id="register" value="1">
            </div>

            <!-- 语言验证码 -->
            <div class="login-yzm-voice">
                <p class="yzm-voice-3">输入用户名&gt;设置密码&gt;完成注册</p>
            </div>

            <div class="login-btn">
                <a id="loginBtn" class="model-reg">注册</a>
            </div>
        </div>

        <!-- 第三方登陆 -->
        <div class="login-style pt-0" style="display:none;">
        <div class="login-style-title">
                <b></b>第三方登录<b></b>
            </div>
           <div class="login-style-contant">
                <a href="/e/memberconnect/?apptype=qq" class="style-contant-qq"></a>
                <a href="/e/memberconnect/?apptype=gweixin" class="style-contant-wechat"></a>
            </div>
            <div class="login-style-text">
                注册和登录即代表您已同意 <a href="#" target="_blank">《本站用户协议》</a>
            </div>
        </div>
    </div>
  <!--用户名登陆-->
  <div class="normal userloginbox" style="display:none;">
        <div class="normal-login">
            <div class="normal-login-title gotologin4-1"></div>
            <div class="login-from" data-login-switch="normal">
                <!-- 国际区号 -->
                <label for="">
                    <em></em>
                    <div class="intl-tel-input allow-dropdown separate-dial-code iti-sdc-3"><input id="selectAreaCode" type="tel" class="area-code monitor-input1 user-login" placeholder="帐号" data-area="CN" maxlength="40" autocomplete="off"></div>
                </label>
                <!-- 用户密码 -->
                <label for="" class="login-password">
                    <input type="password" name="" id="password" class="monitor-input2 user-pass" placeholder="密码" maxlength="20" autocomplete="new-password">
                    <i id="passwordActive" data-pwd="0"></i>
                </label>
                
            </div>
            
            <div class="login-operation clearfix">
                <div class="login-forget">
                    <a class="forget-pwd" href="/e/member/GetPassword/" target="_blank">忘记密码</a>
                </div>
                
            </div>
            <!-- 语言验证码 -->
            
            <div class="login-btn">
                <a id="loginBtn">登录</a>
            </div>
        </div>
        <!-- 第三方登陆 -->
        <div class="login-style">
            <div class="login-style-text">
                注册和登录即代表您已同意 <a href="#" target="_blank">《本站用户协议》</a>
            </div>
        </div>
    </div>
</div>
完整代码:https://pan.didikan.top/pan1/%E6%96%87%E4%BB%B6/7e05623e2017865b578bf48fa1743c32.rar
卓越飞翔博客
上一篇: 帝国CMS首页增加分页功能,适合使用帝国CMS建设博客类站点使用
下一篇: 帝国CMS模版使用自定义函数如何判断首页、栏目页、内容页以及其他页面?
留言与评论(共有 0 条评论)
   
验证码:
隐藏边栏