浮窗登陆

Posted hamburger

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了浮窗登陆相关的知识,希望对你有一定的参考价值。

 1 <head runat="server">
 2 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
 3     <title></title>
 4     <link rel="stylesheet" href="bootstrap-3.3.5/dist/css/bootstrap.min.css" />
 5     <link rel="stylesheet" href="bootstrap-3.3.5/dist/css/bootstrap-theme.min.css" />
 6     <script src="bootstrap-3.3.5/js/tests/vendor/jquery.min.js"></script>
 7     <script src="bootstrap-3.3.5/dist/js/bootstrap.min.js"></script>
 8 </head>
 9 <body>
10       <div id="loginModal" class="modal show">
11   <div class="modal-dialog">
12     <div class="modal-content">
13       <div class="modal-header">
14         <button type="button" class="close">X</button>
15         <h1 class="text-center text-primary">登录</h1>
16       </div>
17       <div class="modal-body">
18         <form action="#" class="form col-md-12 center-block">
19           <div class="form-group">
20             <input type="text" class="form-control input-lg" placeholder="电子邮件"/>
21           </div>
22           <div class="form-group">
23             <input type="password" class="form-control input-lg" placeholder="登录密码"/>
24           </div>
25           <div class="form-group">
26             <button class="btn btn-primary btn-lg btn-block">立刻登录</button>
27             <span><a href="#">找回密码</a></span>
28             <span><a href="#" class="pull-right">注册</a></span>
29           </div>
30         </form>
31       </div>
32       <div class="modal-footer">
33         
34       </div>
35     </div>
36   </div>
37 </div>
38 </body>
39 </html>

 

以上是关于浮窗登陆的主要内容,如果未能解决你的问题,请参考以下文章

iOS 一行代码集成微信浮窗功能

仿新版微信浮窗效果

仿新版微信浮窗效果

React全局浮窗对话框

(转)博客园登陆__JSEncrypt 分析

Android 浮窗开发之窗口层级