jquery实现的一个弹出层页面永远居中

最新推荐文章于 2022-11-11 00:20:32 发布

最新推荐文章于 2022-11-11 00:20:32 发布 · 198 阅读

文章标签：

#jQuery #IE #Firefox #ViewUI

介绍一个jQuery插件，可以实现在不同浏览器下弹出层的居中显示，并支持自定义样式。包括如何初始化插件，弹出层的基本结构和示例代码。

永远居中的弹出层，改变窗口大小或拖动窗口滚动条时也会居中

ie 7,8,9 ,firefox 上测试通过。

ie6上改变窗口大小时不能同步调整

目前尚不支持拖动功能

附件 jquery.popdiv.rar 是个写好的 jquery插件

此插件的优点是弹出层的样式完全由用户自己指定。

说明：

 	$.popdiv({
				popdivId : 'logindiv',
				openName : 'to_login_div',
				closeName : 'close_login_div',
				hasbackdiv : true,
				isTop: false
			});
		
	 popdivId  弹出层的id
 	 openName  打开层的name
 	 closeName 关闭层的name
 	 hasBackDiv  true or false 是否显示半透明灰色背景层
 	 isTop     是否在最顶层

示例：

		$(function(){
			$.popdiv({
					popdivId : 'logindiv',
					openName : 'to_login_div',
					closeName : 'close_login_div',
					hasbackdiv : true,
					isTop: false
				});
		});
		<div id="logindiv" style="display:none;width:100px;height:100px;">
			<a href="####" name='close_login_div'>关闭</a><br/>
			
		</div>
		<a href="####" name='to_login_div'>弹出</a>