JS_CSS_logon_Mask
<!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的更多相关文章
随机推荐
- duilib入门之贴图描述、类html文本描述、动态换肤、Dll插件、资源打包
转载自duilib入门文档 贴图描述: Duilib的表现力丰富很大程度上得益于贴图描述的简单强大.Duilib的贴图描述分为简单模式和复杂模式两种. 简单模式使用文件名做为贴图描述内容,在这种方式下 ...
- 仿windows phone风格主界面
使用了ZAKER到最新版本,其主界面采用windows phone的风格,感觉还蛮好看的,挺喜欢的,就模仿写了一下,实现到界面截图如下: 第一版面: 第二版面: 在实现了它到九宫格菜单,还实现了背景图 ...
- VS2010下 LibVLC开发环境搭建
LibVLC环境的搭建 最近又 LIBVLC 做一个视频播放器,封装成ActiveX控件,之前做过一个基于OpenCV的播放器(只解码视频,音频不用,OpenCV也没有解码音频的功能). 到目前位置 ...
- Mysql视图的作用及其性能分析
定义:视图是从一个或几个基本表导出的表,它与基本表不同,是一个虚表. 作用: 1.简化操作,不用进行多表查询. 2.当不同种类的用用户共享同一个数据库时,非常灵活,(用户以不同的 方式看待同一数据. ...
- Hadoop中FileSystem的append方法
今天在使用Hadoop 1.1.2版本进行FileSystem的append操作时报以下异常: org.apache.hadoop.ipc.RemoteException: java.io.IOExc ...
- sys.check_constraints
每个用作 CHECK 约束(sys.objects.type = C)的对象都在表中占一行. SELECT name FROM sys.check_constraints -- equal to SE ...
- HDU-4737 A Bit Fun 维护
题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=4737 题意:给一个数列a0, a1 ... , an-1,令 f(i, j) = ai|ai+1|ai ...
- HDU 4793 Collision (2013长沙现场赛,简单计算几何)
Collision Time Limit: 2000/1000 MS (Java/Others) Memory Limit: 32768/32768 K (Java/Others)Total S ...
- JSF 2 password example
In JSF, you can use the <h:inputSecret /> tag to render a HTML input of type="password&qu ...
- Linux定时执行任务命令概述:at和crontab
本文介绍在Linux下的两种定时执行任务的方法:at命令,以及crontab服务. (1)at命令 假如我们只是想要让特定任务运行一次,那么,这时候就要用到at监控程序了. 设置at命令很简单,指示定 ...