jquery jmpopups 弹出新窗口，可以弹多个

chenhua_1984

浏览: 1246137 次
性别:
来自: 杭州

最近访客更多访客>>

hy811014

jmi_hua

jin_config

大二三炮

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

js,jquery,json,xml,dom,html.regex

jQuery JavaScript Ajax XHTML CSS

<!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" />
		<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
		<script type="text/javascript" src="jquery.jmpopups-0.5.1.js"></script>
		<script type="text/javascript">
			//<![CDATA[
				$.setupJMPopups({
					screenLockerBackground: "#003366",
					screenLockerOpacity: "0.7"
				});

				function openStaticPopup() {
					$.openPopupLayer({
						name: "myStaticPopup",
						width: 600,
						target: "myHiddenDiv"
					});
				}

				function openAjaxPopup() {
					$.openPopupLayer({
						name: "mySecondPopup",
						width: 300,
						url: "ajax_example.html"
					});
				}
			//]]>
		</script>
		<style type="text/css" media="screen">
			body {margin:0; font-family:"Trebuchet MS"; line-height:120%; color:#333;}
			h1 {margin-bottom:50px; font-size:40px; font-weight:normal;}
			p {margin:0; padding:0 0 30px; font-size:12px;}
			pre {font-size:12px; font-family:"Consolas","Monaco","Bitstream Vera Sans Mono","Courier New","Courier"; line-height:120%; background:#F4F4F4; padding:10px;}
			#general {margin:30px;}
			
			#myHiddenDiv {display:none;}
			
			.popup {background:#FFF; border:1px solid #333; padding:1px;}
			.popup-header {height:24px; padding:7px; background:url("bgr_popup_header.jpg") repeat-x;}
			.popup-header h2 {margin:0; padding:0; font-size:18px; float:left;}
			.popup-header .close-link {float:right; font-size:11px;}
			.popup-body {padding:10px;height:500px}
			
			form {margin:0; padding:0;}
			form * {font-size:12px;}
			input {margin-bottom:12px;}
			label {display:block;}  
		</style>
		<title>jmpopups - example page</title>
	</head>
	<body>
		<div id="general">
			<p><a href="javascript:;" onclick="openStaticPopup()" title="Static example">Open a popup using a html content from a hidden element.</a></p>
			</div>
		<div id="myHiddenDiv">
			<div class="popup">
				<div class="popup-header">
					<h2>Now an ajax example</h2>
					<a href="javascript:;" onclick="$.closePopupLayer('myStaticPopup')" title="Close" class="close-link">Close</a>
					<br clear="all" />
				</div>
				<div class="popup-body">
					
	
					<p><a href="javascript:;" onclick="openAjaxPopup()" title="Ajax example">Open a popup using ajax</a></p>
				</div>
			</div>
		</div>		
	</body>
</html>

jmpopups-example.rar (23 KB)
下载次数: 418

查看图片附件

分享到：

js+html类似QQ右下角弹出提示的效果 | shell之有名管道FIFO

2009-12-11 11:07
浏览 7310
评论(3)
分类:Web前端
查看更多

3 楼 calatustela 2011-04-07

楼主，有没有碰到过绑定弹出窗口中按钮事件无效的问题。例如：
$('#btnNewSmsOrder').click(function(){
.....
});
主页面却是好的

2 楼 tiantianshagn 2011-02-16

回复楼上的 $("#popupLayerScreenLocker").click(function() {
// $.closePopupLayer();
});

注释掉就可以了。我copy别人的。

1 楼 qingtianxl 2010-06-30

有个问题想请教，当弹出窗口后点击空白处时，弹出的窗口就消失了，又返回到了之前的页面，请问怎么样设置才能在点击空白处时，弹出窗口不消失

发表评论

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

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

jquery jmpopups 弹出新窗口，可以弹多个

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

jquery jmpopups 弹出新窗口，可以弹多个

评论

发表评论

相关推荐

web页面调用window.print()函数实现打印的功能

jquery 排序插件 tablesorter

正则表达式基础学习六：匹配字母和数字和下划线

正则表达式基础学习五：匹配数字

正则表达式学习基础四：空白元字符

正则表达式学习基础三：使用元字符.[]

正则表达式学习基础二

正则表达式基础学习一

左边菜单隐藏，右边全屏

setTimeout 和 setInterval 的区别

js+html类似QQ右下角弹出提示的效果

Jquery Ingrid 表格插件的使用

html关闭“双击输入框出现提示”这个问题

ajax学习笔记之一

firefox3不能获得html file的全路径的问题

js添加一个新行，可以输入的Input，用于添加更多的业务

获得select的innerText的值，在fireFox和IE里，Opera

innerHTML IE bug未知的错误

CSS样式学习笔记之五：表格的学习和表格的样式

js操作html的table,包括添加行，添加列，删除行，删除列，合并单元格（未实现）

最近访客更多访客>>