<!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" xml:lang="en" lang="en">

       <head>

              <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

              <title>test1</title>

              <script>

              function show(){

                     var div=top.document.createElement("div");

                     var divText=document.createTextNode("Saving");

                     div.appendChild(divText);

                     div.style.width=top.document.documentElement.scrollWidth+"px";

                     div.style.height=top.document.documentElement.scrollHeight+"px";

                     div.style.backgroundColor="gray";

                     div.style.position="absolute";

                     div.style.left=0;

                     div.style.top=0;

                     div.style.zIndex=9999;

                     if(top.document.all)

                        div.style.filter = "alpha(opacity=30)";

                  else div.style.opacity = .3;

                     top.document.getElementById("ddd").appendChild(div);

                     alert("真棒");

              }

              </script>

       </head>

       <body>

       <div id="ddd">

       <input type="button" value="click" onclick="show()" />

       </div>    

       </body>

</html>

Version 2

@{

    ViewBag.Title = "Index";

}

@section Scripts{

    <script type="text/javascript">

    $(document).ready(function () {

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

          //  alert("show");

            var div=document.createElement("div");

            //div.style.width=top.document.documentElement.scrollWidth+"px";

            //div.style.height=top.document.documentElement.scrollHeight+"px";

            div.style.width="100px";

            div.style.height="100px";

            div.style.backgroundColor="gray";

            div.style.position="absolute";

            div.style.left = top.document.documentElement.scrollWidth/2 + "px";

            div.style.top = document.getElementById("ddd").offsetHeight / 2 + "px";

            div.style.zIndex=80;

            document.getElementById("ddd").appendChild(div);

            //*********************************************************************

            var Topdiv = document.createElement("div");

            Topdiv.style.width = "700px";

            Topdiv.style.height = "700px";

            Topdiv.style.backgroundColor = "red";

            Topdiv.style.position = "absolute";

            Topdiv.style.left = 0;

            //Topdiv.style.top = document.getElementById("ddd").offsetHeight /2 + "px";

            Topdiv.style.top = 0;

            Topdiv.style.zIndex = 70;

            if (top.document.all)

                Topdiv.style.filter = "alpha(opacity=30)";

            else Topdiv.style.opacity = .3;

            document.getElementById("ddd").appendChild(Topdiv);

            alert("真棒");

        });

    });

</script>

    }

<h2>Index</h2>

    <div id="ddd" style="z-index: 100;">

        <input type="button" id="btnShow" value="click" />

        <h1>hello1111</h1>

        <h1>hello1111</h1>

        <h1>hello1111</h1>

        <h1>hello1111</h1>

        <h1>hello1111</h1>

        <h1>hello1111</h1>

    </div>

JS_CSS_logon_Mask的更多相关文章

随机推荐

  1. Visual Assist X 破解步骤

    1. 下载VA安装包,并点击exe文件安装(附下载地址:http://down.51cto.com/data/766817) 2. 将Visual Assist X Patch文件复制到C:\User ...

  2. 重新安装Photoshop CS6以后启动软件出现Licensing for this product has expired

    当我们卸载试用版本Photoshop CS6并且重新安装,出现Licensing for this product has expired,并且无法打开软件,这是由于证书过期导致的,解决办法是将计算机 ...

  3. web服务器分析与设计（五）--一些总结

    随着年龄与经验的增加,对于软件方面的分析与设计也会有一些新的认识.下面做个近期的总结: 1,关于到底用不用作设计的问题: 在最近两个公司,原有人马是不会作设计(我自己的感觉),也察觉不到作设计的任何冲 ...

  4. matlab的&和&&操作

    A&B(1)首先判断A的逻辑值,然后判断B的值,然后进行逻辑与的计算.(2)A和B可以为矩阵(e.g. A=[1 0],B=[0 0]).A&&B(1)首先判断A的逻辑值,如果 ...

  5. 执行原始的 SQL 查询

    The Entity Framework Code First API includes methods that enable you to pass SQL commands directly t ...

  6. Nginx的配置文件（nginx.conf）解析和领读官网

    步骤一:vi nginx.conf配置文件,参考本博文的最下面总结,自行去设置 最后nginx.conf内容为 步骤二:每次修改了nginx.conf配置文件后,都要reload下. index.ht ...

  7. 现代程序设计 homework-04

    题目要求: 第四次作业,构造一个方阵将指定单词填入 stage 1:每个单词只出现1次,且八个方向各至少有两个单词 stage 2:矩阵长宽相等 stage 3:方阵的四个角都要参与单词的构建 算法思 ...

  8. 关于scrollTop的那些事

    大家在实际项目中,应该是要经常用到scrollTop的,它表示的是可视窗口距离页面顶部的距离,这个scrollTop是可读写的,所以可以用来做页面滚动. 但是大家或多或少遇到一些浏览器兼容问题,为什么 ...

  9. 查看解决Oracle对象锁住的问题

    在编译的一个存储过程的时候,对象可能由于被锁住而处于假的卡死状态,这个时候有的是因为,这个过程正在运行中,所以无法编译: 上次我遇到一次,我很清楚的确定这个过程没有运行,可以我就是无法编译,对象一直被 ...

  10. Spring入门（5）-自动装配Bean属性

    Spring入门(5)-自动装配Bean属性 本文介绍如何装配Bean属性. 0. 目录 ByName ByType constructor 默认自动装配 混合使用自动装配和显示装配 1. ByNam ...