fixCenterGetPosition();
});
function fixCenter(){
//获取浮窗定位
fixCenterGetPosition();
//获取在浮窗的元素ID
var fid = $("#fixCenter");
//渐变显示元素
fid.fadeIn(600);
//关闭按钮的点击事件
$("#closeFixCenter").click(function(){
//渐变隐藏元素，三秒后重新显示
fid.fadeOut(600).delay(3000).fadeIn(600);
});
}
function fixCenterGetPosition(){
var fid = $("#fixCenter");
//获取当前窗口的高度
var h = $(window).height();
//获取当前窗口的宽度
var w = $(window).width();
//计算要定位左侧距离
var left = (w/2) - parseInt(fid.css("width")) / 2;
//计算要定位上侧距离
var top = (h/2) - parseInt(fid.css("height")) / 2;
//设置定位距离的样式
fid.css({"left":(left) + "px", "top": (top) + "px" });
}
</script>
</body>
</html>
效果图：
更多关于jQuery相关内容感兴趣的读者可查看本站专题：《jQuery扩展技巧总结》、《jQuery常用插件及用法总结》、《jQuery拖拽特效与技巧总结》、《jQuery表格(table)操作技巧汇总》、《jquery中Ajax用法总结》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》及《jquery选择器用法总结》
希望本文所述对大家jQuery程序设计有所帮助。
