<!doctype html>

    <html lang="en">

    <head>

        <meta charset="UTF-8">

        <meta name="Generator" content="EditPlus?">

        <meta name="Author" content="">

        <meta name="Keywords" content="">

        <meta name="Description" content="">

        <title>对话框</title>

        <style>

           .posi{

           max-width:640px;

           margin:0 auto;

           height:100%;

           position:fixed;

           top:0;

           bottom:0;

           left:0;

           right:0;

           background:#65676a;

           filter:alpha(opacity=80);

           opacity: 0.8;

           z-index:10;

        }

          .pp{

           width:200px;

           height:60px;

           line-height:53px;

           position:absolute;

           top:236px;

           left:50%;

           margin-left:-100px;

           z-index:11;

           background:#F7F7F7;

           border:1px solid #F7F7F7;

           border-radius:10px;

        }

          .pp p{

           font-size:16px;

           margin-bottom:20px;

           text-align:center;

           color:#000;

        }

       </style>

       <script type="text/javascript">

        $(function(){

        $(".posi").hide();

        $(".pp").hide();

        $("#button_cl").click(function(){

            $(".posi").show();

            $(".pp").show();

            var timer=setTimeout(function(){

              $(".posi").hide();

              $(".pp").hide();

            },1000);

        })

         })

     </script>

 </head>

 <body>

     <div class="posi"></div>

       <div class="pp">

            <div class="po">

                <p></p>

            </div>

        </div>

 </body>

</html>

原生dialog的更多相关文章

  1. android 原生dialog对话框

    http://www.cnblogs.com/xiaoluo501395377/p/3419398.html

  2. XCel 项目总结 - Electron 与 Vue 的性能优化

    XCEL 是由凹凸实验室推出的一个 Excel 数据清洗工具,其通过可视化的方式让用户轻松地对 Excel 数据进行筛选. XCEL 基于 Electron 和 Vue 2.0 进行开发,充分利用 E ...

  3. 非常有用的GitHub链接

    平常开发工作中,我经常取Github上搜索项目,Clone下来学习使用,在这个过程中,发现了好多比较好的Github地址,记录下来,分享出去. image 非常有用的GitHub链接(顺序不分先后): ...

  4. WebView JS交互 JSBridge 案例 原理 MD

    Markdown版本笔记 我的GitHub首页 我的博客 我的微信 我的邮箱 MyAndroidBlogs baiqiantao baiqiantao bqt20094 baiqiantao@sina ...

  5. 3java面试题 传智 发的 有用

    第一章内容介绍 20 第二章JavaSE基础 21 一.Java面向对象 21 1. 面向对象都有哪些特性以及你对这些特性的理解 21 2. 访问权限修饰符public.private.protect ...

  6. Qt Quick Controls 与 Qt Quick Controls 2的区别（详细对照）

    Qt Quick Controls 原本是为支持桌面平台而开发的,后来又加入了移动平台和嵌入式平台的支持.它们应用非常广泛,因为它们提供了足够灵活的样式系统,以允许开发具有平台相关或者无关风格的应用程 ...

  7. cordova开发环境搭建

    最近我在尝试了解跨平台技术的发展,首先则是想到了cordova.本文简单记录下cordova环境搭建的过程. 安装cordova 首先是要npm全局安装cordova npm install -g c ...

  8. 一起来看 HTML 5.2 中新的原生元素 <dialog>

    不到一个月前,HTML 5.2 正式成为 W3C 的推荐标准(REC),其中,推出了一个新的原生模态对话框元素 <dialog>,乍一看,可能感觉它就是一个新增的元素,然而,作者最近在玩的 ...

  9. 改装原生的dialog

    改装 dialog 定制 View rootView = LayoutInflater.from(mContext). inflate(R.layout.nfc_tag_name_dialog, nu ...

随机推荐

  1. PAT (Basic Level) Practice 1021 个位数统计

    个人练习 给定一个 k 位整数 N=d​k−1​​10​k−1​​+⋯+d​1​​10​1​​+d​0​​ (0≤d​i​​≤9, i=0,⋯,k−1, d​k−1​​>0),请编写程序统计每种 ...

  2. 牛客网暑期ACM多校训练营（第四场） F Beautiful Garden

    链接: https://www.nowcoder.com/acm/contest/142/F 题意: n x m的矩形,选个p x q的矩形去掉,两个矩形中⼼重合,去掉后的矩形上下左右对称 求(p, ...

  3. 大话CNN经典模型：LeNet

        近几年来,卷积神经网络(Convolutional Neural Networks,简称CNN)在图像识别中取得了非常成功的应用,成为深度学习的一大亮点.CNN发展至今,已经有很多变种,其中有 ...

  4. Azure Cloud Service - PaaS

    使用Azure Cloud Service有一段时间了,前阵子在公司内部做一个Cloud Service培训的时候就在想,能不能用一幅图把Cloud Service所涉及的概念都罗列出来.于是就有了下 ...

  5. 3 Vue.js

    1 2 3 <script> var vm = new Vue({ el:"#app", //context data:{ //context["articl ...

  6. 2.route路由配置

    转自 http://www.cnblogs.com/peida/archive/2013/03/05/2943698.html Linux系统的route命令用于显示和操作IP路由表(show / m ...

  7. loj2472 「九省联考 2018」IIIDX

    ref #include <algorithm> #include <iostream> #include <cstdio> using namespace std ...

  8. PowerDesigner常用功能总结

    1.PowerDesigner设计表时显示注释列Comment 选中准备编辑的表,[右键]->[Properties]->[Columns]->[Customize Columns ...

  9. PJMEID学习之视频的捕捉与播放

    pjmedia是pjsip的视频部分,官网明确提示,要想使用pjmedia离不开directshow/sdl/ffmpeg这三个库. 软件版本的限制: ffmpeg不能高于1.25.(建议下载1.01 ...

  10. 《Cracking the Coding Interview》——第1章：数组和字符串——题目6

    2014-03-18 01:45 题目:给定一个NxN的矩阵,就地旋转90度.(没有样例又不说方向的话,随便往哪儿转.) 解法:如果N为奇数,除了中心点以外四等分.如果N为偶数,四等分.按照A-> ...