弹出div

lan13217

浏览: 496200 次
性别:

最近访客更多访客>>

jin361612388

ssj014

夜默兮

科凯20140707

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

JavaScript

XHTML HTML


<!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">
<head><title>-</title>
<style>
body {margin:0px}
#Loading {position:absolute;z-index:10;left:10px;top:10px;border:1px #666666 solid;background:#eeeeee;width:10px;height:10px}
</style>
<script LANGUAGE="JavaScript"> 
<!-- 
function $(){
	return document.getElementById?document.getElementById(arguments[0]):eval(arguments[0]);
}

var OverH,OverW,ChangeDesc,ChangeH=50,ChangeW=50;

function OpenDiv(_Dw,_Dh,_Desc) {
	$("Loading").innerHTML="";
	OverH=_Dh;OverW=_Dw;ChangeDesc=_Desc;
	$("Loading").style.display='';
	if(_Dw>_Dh){ChangeH=Math.ceil((_Dh-10)/((_Dw-10)/50))}else if(_Dw<_Dh){ChangeW=Math.ceil((_Dw-10)/((_Dh-10)/50))}
	$("Loading").style.top=(document.documentElement.clientHeight-10)/2+"px";
	$("Loading").style.left=(document.documentElement.clientWidth-10)/2+"px";
	OpenNow()
}
var Nw=10,Nh=10;
function OpenNow() {
	if (Nw>OverW-ChangeW)ChangeW=2;
	if (Nh>OverH-ChangeH)ChangeH=2;
	Nw=Nw+ChangeW;Nh=Nh+ChangeH;
	
	if(OverW>Nw||OverH>Nh) {
		if(OverW>Nw) {
		$("Loading").style.width=Nw+"px";
		$("Loading").style.left=(document.documentElement.clientWidth-Nw)/2+"px";
		}
		if(OverH>Nh) {
		$("Loading").style.height=Nh+"px";
		$("Loading").style.top=(document.documentElement.clientHeight-Nh)/2+"px"
		}
		window.setTimeout("OpenNow()",10)
		}else{
		Nw=10;Nh=10;ChangeH=50;ChangeW=50;
		$("Loading").innerHTML=ChangeDesc;
	}
}
//-->
</script> 
</head>
<body>
<a href="javascript:OpenDiv(200,150,'层1<br>双击关闭')">层1 200*150</a><br><br>
<a href="javascript:OpenDiv(500,200,'层2<br>双击关闭')">层2 500*200</a><br><br>
<a href="javascript:OpenDiv(200,500,'层3<br>双击关闭')">层3 200*500</a><br><br>
<a href="javascript:OpenDiv(500,500,'层4<br>双击关闭')">层4 500*500</a>
<div id="Loading" style="display:none" ondblclick="this.style.display='none'"></div>
</body>
</html>

分享到：

常用的javascript函数 | 键盘上的快捷键

2009-12-29 16:21
浏览 1011
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

弹出div

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

弹出div

评论

发表评论

相关推荐

js add day

js字段转列

nashron Arttemplate

javascript 生成菜单

Example of a Javascript Closure: setTimeout Inside a For Loop

Ctrl + Key Combination – Simple Jquery Plugin

ueditor 工具栏（按钮栏）取消 浮动（悬停,漂浮.***）

JavaScript获取HTML页面源代码

编辑器

tmall T码

ext combox添加空值项

js Objec->String

js 正则测试

JavaScript的性能优化：加载和执行

时间戳转时间函数

jquery 控制 select radio checkbox input 不可修改

js正则

chrome developer tool 调试技巧

Easyui ‘Rowspan’ 为空或不是对象

HTML DOM Event 对象 方法

最近访客更多访客>>

ueditor 工具栏（按钮栏）取消浮动（悬停,漂浮.***）

HTML DOM Event 对象方法