<!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. ASP.NET常用技巧方法代码断

    1. 打开新的窗口并传送参数:传送参数:response.write("<script>window.open('*.aspx?id="+this.DropDownLi ...

  2. mysql怎么让一个存储过程定时执行

    比如说每天的12:30执行 查看event是否开启: show variables like '%sche%'; 将事件计划开启: set global event_scheduler=1; 关闭事件 ...

  3. Java并发控制机制详解

    在一般性开发中,笔者经常看到很多同学在对待java并发开发模型中只会使用一些基础的方法.比如Volatile,synchronized.像Lock和atomic这类高级并发包很多人并不经常使用.我想大 ...

  4. [iOS微博项目 - 1.1] - 设置导航栏主题（统一样式）

    A.导航栏两侧文字按钮 1.需求: 所有导航栏两侧的文字式按钮统一样式 普通样式:橙色 高亮样式:红色 不可用样式:亮灰 阴影:不使用 字体大小:15   github: https://github ...

  5. MongoDB的安装配置

    1,下载: http://www.mongodb.org/downloads 2.4.5版:http://www.mongodb.org/dr/fastdl.mongodb.org/linux/mon ...

  6. Educational Codeforces Round 14 D. Swaps in Permutation (并查集orDFS)

    题目链接:http://codeforces.com/problemset/problem/691/D 给你n个数,各不相同,范围是1到n.然后是m行数a和b,表示下标为a的数和下标为b的数可以交换无 ...

  7. 插入三层treeview代码

    #region treetView加载 private void treeViewLoad() { DataView dv = navds.tbSiteKind.AsDataView(); treeV ...

  8. java.util.Arrays的使用

    在Java.util包中有一个工具类Arrays类,封装了一些操作数组的方法.简单使用如下: package com.arrays.test; import java.util.Arrays; pub ...

  9. 解决Linux下zip文件解压乱码问题

    #!/usr/bin/env python # -*- coding: utf-8 -*- import os import sys import zipfile #print "Proce ...

  10. ThinkPad指纹验证在win7无法使用的解决方法

    原先本本装window7 64bit 专业版(正版),但用着用着觉得 很不爽 ,反应特慢.所以决定对本本来次大换血,换成windows server 2008 R2.最后在装指纹验证的时候,使用超级管 ...