<html>
<head>
<script src="jquery-1.11.2.min.js"></script>
<style type="text/css">
.divv
{
position:absolute;
top:30%;
left:30%;
width:80px;
height:60px;
border:1px solid #666;
background-color:#9CF;
text-align:center;
}
</style>
<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();
$(".divv").css("top", ((h-60)/2)+st);
$(".divv").css("left", ((w-80)/2)+sl);
}
</script>
</head>
<body>
<div class="divv">中央窗口</div>
</body>
</html>
<head>
<script src="jquery-1.11.2.min.js"></script>
<style type="text/css">
.divv
{
position:absolute;
top:30%;
left:30%;
width:80px;
height:60px;
border:1px solid #666;
background-color:#9CF;
text-align:center;
}
</style>
<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();
$(".divv").css("top", ((h-60)/2)+st);
$(".divv").css("left", ((w-80)/2)+sl);
}
</script>
</head>
<body>
<div class="divv">中央窗口</div>
</body>
</html>
7万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
