<!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. Javascript——说说js的调试

    最近比较吐槽,大家都知道,现在web前端相对几年前来说已经变得很重了,各种js框架,各种面对对象,而且项目多了,就会提取公共模块. 这些模块的UI展示都一样,不一样的就是后台逻辑,举个例子吧,我们做企 ...

  2. Crontab设置定时任务

    ​ Crontab文件格式 文件格式: minute hour day month weekday username command 格式解析 字段 描述 minute 分,值为0-59 hour 小 ...

  3. openstack配置增加

    控制节点nova配置增加 vif_plugging_is_fatal = Falsevif_plugging_timeout = 0scheduler_default_filters = AllHos ...

  4. linux - 怎么自动填写有交互的shell脚本 - SegmentFault

    linux - 怎么自动填写有交互的shell脚本 - SegmentFault TCL/Expect交互式自动化测试概要 - - ITeye技术网站 expect是一种基于TCL,能与交互式程序进行 ...

  5. 第二百九十九天 how can I 坚持

    不是傻,就是因为人太好了,我宁愿相信是我人太好了,好吧,我就是对人都挺好,这是病吗. 昨天一起吃的饭一起AA了,挺好,这种事就得AA,玩的挺happy. 还有.感觉自己好傻,老是遇事焦虑,以后试着改变 ...

  6. JNI调用测试

    有需求使用JNI调用,籍着这个机会按照<Linux下测试Java的JNI(Java Native Interface)>上进行了下测试. 这篇文章记录得很清楚了,对原理未做深入的分析,希望 ...

  7. HDU 5832 A water problem （带坑水题）

    A water problem 题目链接: http://acm.hdu.edu.cn/showproblem.php?pid=5832 Description Two planets named H ...

  8. MANACHER---求最长回文串

    求最长回文串,如果是暴力的方法的话,会枚举每个字符为中心,然后向两边检测求出最长的回文串,时间复杂度在最坏的情况下就是0(n^2),为什么时间复杂度会这么高,因为对于每一个作为中心的字符的检测是独立的 ...

  9. HDU1518 Square

    #include<stdio.h> #include<string.h> #include<math.h> #include<stdlib.h> #de ...

  10. JMS开发(三):JMS消息的确认方式

    这里单独列出来我也是觉得有点必要的,毕竟JMS总体知识点并不多,这点可能被很多人所忽视. 首选定义:消息的确认是指消息接受者接到消息,并做出了对应的处理之后,它将回送一个确认消息. 对于非事务性会话, ...