浮窗登陆

 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>

时间： 2024-08-03 15:16:20

浮窗登陆的相关文章

Android 浮窗开发之窗口层级

很多人都知道如何去实现一个简单的浮窗,但是却很少有人去深入的研究背后的流程机制,由于项目中浮窗交互比较复杂,遇到了些坑查看了很多资料,故总结浮窗涉及到的知识点: 窗口层级关系(浮窗是如何"浮"的)? 浮窗有哪些限制,如何越过用户授权实现浮窗功能? 窗口与用户输入系统(Activity是如何接收到touch事件?). 本章我们来研究第一个问题:浮窗为何会浮. 浮窗之所以叫浮窗,是因为它能悬浮于应用或者桌面窗口之上,能脱离Activity而存在.为了研究其中区别,我们先来看看我们最熟悉的A

仿360在Launcher画面显示内存使用率的浮窗(基础版)

MainActivity如下: package cc.cc; import android.os.Bundle; import android.view.View; import android.view.View.OnClickListener; import android.widget.Button; import android.app.Activity; import android.content.Context; import android.content.Intent; /**

浮窗开发之窗口层级

最近在项目中遇到了这样的需求:需要在特定的其他应用之上悬浮自己的UI交互(拖动.输入等复杂的UI交互),和九游的浮窗类似,不过我们的比九游的体验更好,我们越过了很多授权的限制. 很多人都知道如何去实现一个简单的浮窗,但是却很少有人去深入的研究背后的流程机制,由于项目中浮窗交互比较复杂,遇到了些坑查看了很多资料,故总结浮窗涉及到的知识点: * 窗口层级关系(浮窗是如何"浮"的)? * 浮窗有哪些限制,如何越过用户授权实现浮窗功能? * 窗口与用户输入系统(Activity是如何接收到to

【回忆1314】回忆之浮窗

直接看效果点这里 HTML <!DOCTYPE html> <html> <head lang="zh-CN"> <meta charset="utf-8"> <title> 浮窗 </title> <style> * { margin: 0; padding: 0; } .staff { width: 1200px; margin: 0 auto; height: 800px; l

仿360在Launcher画面显示内存使用率的浮窗(改进版)

VC++玩转炫酷悬浮窗1---悬浮窗的实现

?? 目标实现像迅雷那样炫酷的悬浮窗.计划&方案首先第一步要实现一个悬浮窗,窗体无边框,能够随意拖动.对于一个窗体来说,只有我们把鼠标放到标题栏中才进入到拖拽模式.由于是无边框的窗体,默认是不能够移动的.我们尝试用两种办法使其跟随鼠标移动.一个是用OnNcHitTest函数,另一个是在OnLButtonDown时发消息.实践一. OnNcHitTest方案这个CWnd类的一个方法,我们可以捕捉鼠标点击的坐标,然后将其HTCLIENT结果偷换成HTCAPTION,这样就可以让系统误以为鼠标左键点击

网页浮窗效果

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-

越过用户授权使用浮窗

上一片篇文章分析了Android窗口系统层次.Ativity的窗口和系统窗口的区别,这篇文章我来说说使用系统窗口来实现浮窗的一些限制,我们如何越过这些限制. 简单的浮窗实现 final WindowManager windowManager = getWindowManager(context); //创建自定义浮窗 FloatView hideDialog = new FloatView(context); WindowManager.LayoutParams params = new Win

Android6.0 源码修改之仿IOS添加全屏可拖拽浮窗返回按钮

前言之前写过屏蔽系统导航栏功能的文章,具体可看Android6.0 源码修改之屏蔽导航栏虚拟按键(Home和RecentAPP)/动态显示和隐藏NavigationBar 在某些特殊定制的版本中要求完全去掉导航栏,那么当用户点进一些系统自带的应用界面如设置.联系人等,就没法退出了,虽然可以在actionBar中添加back按钮,但总不能每一个app都去添加吧.所以灵机一动我们就给系统添加一个全屏可拖拽的浮窗按钮,点击的时候处理返回键的逻辑.它大概长这样(审美可能丑了点,你们可以自由发挥) 图1