打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
jQuery点击弹出登录窗口代码

<!DOCTYPE html>

<html>

<head>

<metahttp-equiv="Content-Type" content="text/html;charset=UTF-8">

<metacontent="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"name="viewport">

<meta name="applicable-device"content="pc,mobile">

<title>jQuery点击弹出登录窗口代码 - </title>

<metahttp-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

 

<link rel="stylesheet"type="text/css" href="css/bootstrap.min.css">        

<link rel="stylesheet"type="text/css" href="css/index.css">  

 

</head>

<body>

 

<a class="aglobalLoginBtn">登录</a>

 

<div class="modal fade"id="loginModal" style="display:none;">

        

         <divclass="modal-dialog modal-sm" style="width:540px;">

                   <divclass="modal-content" style="border:none;">

                            <divclass="col-left"></div>

                            <divclass="col-right">

                                     <divclass="modal-header">

                                               <buttontype="button" id="login_close" class="close"data-dismiss="modal"><spanaria-hidden="true">×</span><spanclass="sr-only">Close</span></button>

                                               <h4class="modal-title" id="loginModalLabel"style="font-size: 18px;">登录</h4>

                                     </div>

                                     <divclass="modal-body">

                                               <sectionclass="box-login v5-input-txt" id="box-login">

                                                        <formid="login_form" action="" method="post"autocomplete="off">

                                                                

                                                                 <ul>

                                                                           <liclass="form-group"><input class="form-control"id="id_account_l" maxlength="50" name="account_l"placeholder="请输入邮箱账号/手机号" type="text"></li>

                                                                           <liclass="form-group"><input class="form-control"id="id_password_l" name="password_l" placeholder="请输入密码" type="password"></li>

                                                                 </ul>

                                                        </form>

                                                        <pclass="good-tips marginB10"><a id="btnForgetpsw"class="fr">忘记密码?</a>还没有账号?<a href="javascript:;" target="_blank"id="btnRegister">立即注册</a></p>

                                                        <divclass="login-box marginB10">

                                                                 <buttonid="login_btn" type="button" class="btn btn-micv5btn-block globalLogin">登录</button>

                                                                 <divid="login-form-tips" class="tips-error bg-danger"style="display: none;">错误提示</div>

                                                        </div>

 

                                                       

                                                        <divclass="threeLogin"><span>其他方式登录</span><a class="nqq"href="javascript:;"></a><a class="nwx"href="javascript:;"></a><!--<aclass="nwb"></a>--></div>

                                                       

                                               </section>

                                     </div>

                            </div>

                   </div>

         </div>

        

</div>               

 

<script type="text/javascript"src="www.shaxiangift.com/jquery2.2.2.min.js"></script>

<script type="text/javascript"src="www.fjnjb.com/modal.js"></script>

<script type="text/javascript"src="www.sxdscyy.com/script.js"></script>

 

<divstyle="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoftYaHei';">

<p>适用浏览器:360FireFoxChromeSafariOpera、傲游、搜狗、世界之窗. 不支持IE8及以下浏览器。</p>

<p>来源:<a href="http://down.admin5.com/"target="_blank"></a></p>

</div>

</body>

</html>

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
jQuery个人名片样式代码
使用jQuery和Bootstrap实现多层、自适应模态窗口
Bootstrap
jQuery UI 实例 – 对话框(Dialog) | 菜鸟教程
thinkphp + 美图秀秀api 实现图片裁切上传,带数据库
【学习笔记】Bootstrap常用组件整理
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服