打印

求一弹出对话框效果

nhbklc [楼主]

中级会员

帖子: 131
体力: 216
威望: 0
当前: 上海浦东
离线: 17 天

1^# 大中小发表于 2008-7-2 14:41

谢谢各位达人了！

附件: 您所在的用户组无法下载或查看附件，您需要注册/登录后才能查看！

www.sbkk8.cn

TOP

做西部数码代理.Cn1元国际45元 | 将虚拟化进行到底

wend1234

暗夜灰眸

中级会员

帖子: 166
体力: 299
威望: 0
当前: 北京朝阳区
离线: 3 天

专长 网页设计,前端制作,SEO

2^# 大中小发表于 2008-7-2 14:47

alert

来打酱油的

TOP

美橙vps独立IP月付189元

nhbklc [楼主]

中级会员

帖子: 131
体力: 216
威望: 0
当前: 上海浦东
离线: 17 天

3^# 大中小发表于 2008-7-2 14:57

alert 怎么个alert 好像alert出的是个windows默认的

可我们老板不要那样的！

www.sbkk8.cn

TOP

中央美院远程平面设计进修班

qxq864298

新手上路

帖子: 111
体力: 35
威望: 0
当前: 北京海淀区

4^# 大中小发表于 2008-7-2 15:01

test

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
body{ margin:0px; height:100%;}
.ceng1{ width:400px; height:400px; top:0px; left:0px; border:1px solid #00FF00; z-index:99; background:#00FF00; position:absolute;}
.ceng1header{ width:400px; height:25px; background:#FF0000; cursor:move;}
.ceng2{ width:400px; height:400px; cursor:move; top:0px; left:0px; border:1px solid #00FF00; z-index:99; background:#ffffff; position:absolute;}
#bb{ background:#cccccc; width:100%; height:100%; filter:alpha(opacity=70); opacity:0.7; z-index:2; position:absolute; left:0px; top:0px;}
</style>
</head>
<body>
<div id="bb" style="display:none;"></div>
<input name="" type="button" value="打开1" onclick="showdiv(0)" style="cursor:pointer;" />
<div id="aa01" class="ceng1" style="display:none;">
	<div class="ceng1header" onmousedown="drag(event,this)">
		<a onclick="closediv(0)" style="cursor:pointer;">关闭</a>
	</div>
<a href=# >安庆</a>
<a href=# >33</a>
<a href=# >22</a>
<a href=# >11</a>
</div>
<input name="" type="button" value="打开2" onclick="showdiv(1)" style="cursor:pointer;" />
<div id="aa02" class="ceng2" style="display:none;">
	<div class="ceng1header" onmousedown="drag(event,this)">
		<a onclick="closediv(1)" style="cursor:pointer;">关闭</a>
	</div>
<a href=# >安庆</a>
<a href=# >33</a>
<a href=# >22</a>
<a href=# >11</a>
</div>
<script type="text/javascript">
function $(o){//获取对象
if(typeof(o) == "string")
return document.getElementById(o);
return o;
}
var aN = new Array();//定义数组
aN[0] = "aa01";
aN[1] = "aa02";
function showdiv(id){//打开背景层和弹出层
for(var i = 0; i<aN.length; i++)
{
$(aN[id]).style.display = "block";
$("bb").style.display = "block";
var h = document.body.offsetHeight > document.documentElement.offsetHeight ? document.body.offsetHeight : document.documentElement.offsetHeight;
$("bb").style.height = h + "px";
$(aN[id]).style.left = ($("bb").offsetWidth - $(aN[id]).offsetWidth)/2 + "px";
$(aN[id]).style.top = document.body.scrollTop + 100 + "px";	
}
}
function closediv(id){//关闭背景层和弹出层
for(var i =0; i<aN.length; i++)
{
$(aN[id]).style.display = "none";
$("bb").style.display = "none";
}
}
//function qxq(myName){document.getElementById("mybut").value=myName;}//传值
function qxq1(myName1){document.getElementById("mybut1").value=myName1;}
var oDrag;//鼠标拖动
var ox,oy,nx,ny,dy,dx;
function drag(e,o){
var e = e ? e : event;
oDrag = o.parentNode;
ox = e.clientX;
oy = e.clientY;
}
function dragPro(e){
if(oDrag)
{
var e = e ? e : event;
dx = oDrag.offsetLeft;
dy = oDrag.offsetTop;
nx = e.clientX;
ny = e.clientY;
oDrag.style.left = (dx + ( nx - ox )) + "px";
oDrag.style.top = (dy + ( ny - oy )) + "px";
ox = nx;
oy = ny;
}
}
document.onmouseup = function(){oDrag = "";}
document.onmousemove = function(event){dragPro(event);}
</script>
</body>
</html>

提示：您可以先修改部分代码再运行

TOP

还在为头像烦恼?还在为不能关注好友动态烦忧?快来蓝色理想家园吧!

shaohua162001

荷西

高级会员

帖子: 1116
体力: 752
威望: 1
当前: 北京海淀区
离线: 3 天

专长 UI,前端制作

5^# 大中小发表于 2008-7-2 15:11

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ALERT</title>
<style>
*{ padding:0; margin:0; font-size:12px;}
#bg{background:#000000;opacity: 0.5;-moz-opacity:0.5; filter:alpha(opacity=50); width:100%; height:100%;position:absolute; top:0; left:0}
#info{height:0px; width:0px;top:50%; left:50%;position:absolute;  line-height:1.7}
#center{background:#fff;border:1px solid #217AC1; width:300px; height:100px; position:absolute; margin:-50px -150px;}
#center strong{ display:block; padding:2px 5px; background:#EBF4FC; color:#519FEE;}
#center p{padding:10px; text-align:center; color:#1C6FB8;}
</style>
</head>
<body>
<span id="boxs"></span>
<a href="javascript:boxs(1);">点这里</a>
<script>
function boxs(v){
 window.scrollTo(0,0);
 var bo = document.getElementsByTagName('body')[0];
 var ht = document.getElementsByTagName('html')[0];
 var boht = document.getElementById('boxs');    
 boht.innerHTML = '';
 bo.style.height='auto';
 bo.style.overflow='auto';
 ht.style.height='auto'; 
 if(v == 1){   
  bo.style.height='100%';
  bo.style.overflow='hidden';
  ht.style.height='100%';  
  boht.innerHTML = '<div id="bg"></div><div id="info"><div id="center"><strong>友情提醒：</strong><p><a href="javascript:boxs(0);">关闭</a></p></div></div>';   
 }
} 
</script>
</body>
</html>

提示：您可以先修改部分代码再运行

[ 本帖最后由 shaohua162001 于 2008-7-2 15:27 编辑 ]

TOP

qaz10533

新手上路

帖子: 10
体力: 36
威望: 0
离线: 62 天

6^# 大中小发表于 2008-7-2 15:13

楼上的正解!

交流请QQ联系：76249611

TOP

skybot

size

钻石会员

帖子: 2795
体力: 6553
威望: 6
当前: 上海长宁

专长 JS,C#,MSSQL

7^# 大中小发表于 2008-7-2 15:18

有源代码的,封装好的
http://bbs.blueidea.com/viewthre ... p;page=1#pid4067070

http://www.qlili.com 个人站帮点啊

TOP