jquery弹出层

cenhonggang86830

浏览: 45539 次
性别:
来自: 大连

最近访客更多访客>>

in355hz

youcp999

wangshuai_1208

loveJade4Ever

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

Java

jQuery webkit JavaScript CSS JSP

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'index.jsp' starting page</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
<script type="text/javascript" src="js/jquery.js"></script>
<style type="text/css"> 
 
#dialog-overlay {
	width:100%; 
	height:100%;
	filter:alpha(opacity=50); 
	-moz-opacity:0.5; 
	-khtml-opacity: 0.5; 
	opacity: 0.5; 
	background:#00FFFF; 
	position:absolute; 
	top:0; left:0; 
	z-index:3000; 
	display:none;
}
#dialog-box {
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	background:#ffffff;
	width:328px;
	height:200px;
	position:absolute; 
	z-index:5000;
	display:none;
}
</style>
 
<script type="text/javascript"> 
function popup() {
	var maskHeight = $(document).height();  
	var maskWidth = $(window).width();
	var dialogTop =  (maskHeight/2) - ($('#dialog-box').height()/2);  
	var dialogLeft = (maskWidth/2) - ($('#dialog-box').width()/2);
	$('#dialog-overlay').css({height:maskHeight, width:maskWidth}).show();
	$('#dialog-box').css({top:dialogTop, left:dialogLeft}).show();
}

function closeDiv(){
	$('#dialog-overlay').hide();
	$('#dialog-box').hide();
}
 
</script>
 
</head>
<body >
 
<a href="javascript:popup()">Popup!</a>
 
<div id="dialog-overlay"></div>
<div id="dialog-box">
	<div class="dialog-content">
		<a href="#" class="button" onclick="closeDiv();">Close</a>
	</div>
</div>

</body>

</html>

分享到：

将DIV显示在屏幕中间 | Ajax等待

2011-03-02 20:54
浏览 1068
评论(0)
分类:编程语言
查看更多

发表评论

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

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

jquery弹出层

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

jquery弹出层

评论

发表评论

相关推荐

将DIV显示在屏幕中间

Ajax等待

JS指定DIV显示

下载文件

获取浏览器右上角叉号的事件

当前正在浏览的URL

JXL读取Excel

JXL写入Excel

比较排序例子

校验是否为数字

sss

【转载】typeof的用法

【转载】日历

【转载】无缝图片滚动代码

【转载】制作flash文件进度条

js实现最简单的拖拽

【转载】Eclipse快捷键大全

【转载】JAVA对XML文件的读写

【转载】变Enter键为Tab键 实现焦点转移

最近访客更多访客>>

【转载】变Enter键为Tab键实现焦点转移