<script type="text/javascript" src="jQuery.js"></script>
<script type="text/javascript">
$(document).ready(
function(){
//页面初始化
goCenter();
//滚动条滚动
$(window).scroll(
function(){
goCenter();
}
);
//拖到浏览器窗口
$(window).resize(
function(){
goCenter();
}
);
}
);
function goCenter(){
var h=$(window).height();
var w=$(window).width();
var st=$(window).scrollTop();
var sl=$(window).scrollLeft();
$(".login_div").css("top",((h-400)/2)+st);
$(".login_div").css("left",((w-420)/2)+sl);
}
function hident(){
//$("#main").hide();
//$("#main").slideToggle(2000);
$("#login_div").toggle(1000);
}
function show(){
//$("#main").show();
$("#login_div").slideDown();
}
</script>
本文介绍了一个使用jQuery实现的登录框居中显示的方法。通过监听窗口的滚动和调整大小事件,确保登录框始终处于屏幕中央。该方案适用于需要保持登录框位置不变的网页应用。
5517

被折叠的 条评论
为什么被折叠?



