您好,欢迎访问一九零五行业门户网

jQuery弹出窗口完整代码(居中,居左,居右)_jquery

核心代码:
复制代码 代码如下:
//获取窗口的高度
var windowheight;
//获取窗口的宽度
var windowwidth;
//获取弹窗的宽度
var popwidth;
//获取弹窗高度
var popheight;
function init(){
windowheight=$(window).height();
windowwidth=$(window).width();
popheight=$(.window).height();
popwidth=$(.window).width();
}
//关闭窗口的方法
function closewindow(){
$(.title img).click(function(){
$(this).parent().parent().hide(slow);
});
}
//定义弹出居中窗口的方法
function popcenterwindow(){
init();
//计算弹出窗口的左上角y的偏移量
var popy=(windowheight-popheight)/2;
var popx=(windowwidth-popwidth)/2;
//alert('www.jb51.net');
//设定窗口的位置
$(#center).css(top,popy).css(left,popx).slidetoggle(slow);
closewindow();
}
function popleftwindow(){
init();
//计算弹出窗口的左上角y的偏移量
var popy=windowheight-popheight;
//var popx=-(windowwidth-popwidth);
//alert(popy);
//设定窗口的位置
$(#left).css(top,popy-50).css(left,50).slidetoggle(slow);
closewindow();
}
function poprightwindow(){
init();
//计算弹出窗口的左上角y的偏移量
var popy=windowheight-popheight;
var popx=windowwidth-popwidth;
//alert(www.cnblogs.com/jihua);
//设定窗口的位置
$(#right).css(top,popy-50).css(left,popx-50).slidetoggle(slow);
closewindow();
}
完整代码:
jquery弹出窗口 - 脚本之家
脚本之家-居中窗口
www.jb51.net
脚本之家-居左窗口
www.jb51.net
脚本之家-居右窗口
www.jb51.net
[ctrl+a 全选 注:如需引入外部js需刷新才能执行]
作者 cnblogs jihua
其它类似信息

推荐信息