Revision: 41095
Initial Code
Initial URL
Initial Description
Initial Title
Initial Tags
Initial Language
at February 11, 2011 23:21 by tcelestino
Initial Code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript" src="jquery-1.5.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
var top;
var $div = $('#centro');
$(window).bind('scroll resize',function(){
$div.html($(this).scrollTop());
top = $(this).scrollTop() + ($(this).height()-$div.outerHeight())/2;
$div.css('top', top+'px');
});
$(window).trigger('scroll');
});
</script>
<style type="text/css">
#centro {
width: 500px;
height: 350px;
padding: 10px;
border: solid 1px #666;
background: #EAEAEA;
position: absolute;
left: 50%;
margin-left: -250px;
}
</style>
</head>
<body>
<div id="centro">:D</div>
<p>adasdasdas</p>
<p>adasdasdas</p>
<p>adasdasdas</p>
<p>adasdasdas</p>
<p>adasdasdas</p>
<p>adasdasdas</p>
<p>adasdasdas</p>
<p>adasdasdas</p>
<p>adasdasdas</p>
<p>adasdasdas</p>
<p>adasdasdas</p>
<p>adasdasdas</p>
<p>adasdasdas</p>
<p>adasdasdas</p>
<p>adasdasdas</p>
<p>adasdasdas</p>
<p>adasdasdas</p>
<p>adasdasdas</p>
<p>adasdasdas</p>
<p>adasdasdas</p>
<p>adasdasdas</p>
<p>adasdasdas</p>
<p>adasdasdas</p>
<p>adasdasdas</p>
<p>adasdasdas</p>
<p>adasdasdas</p>
<p>adasdasdas</p>
<p>adasdasdas</p>
<p>adasdasdas</p>
<p>adasdasdas</p>
<p>adasdasdas</p>
<p>adasdasdas</p>
<p>adasdasdas</p>
<p>adasdasdas</p>
<p>adasdasdas</p>
<p>adasdasdas</p>
<p>adasdasdas</p>
<p>adasdasdas</p>
<p>adasdasdas</p>
<p>adasdasdas</p>
<p>adasdasdas</p>
<p>adasdasdas</p>
<p>adasdasdas</p>
<p>adasdasdas</p>
<p>adasdasdas</p>
<p>adasdasdas</p>
<p>adasdasdas</p>
<p>adasdasdas</p>
<p>adasdasdas</p>
<p>adasdasdas</p>
<p>adasdasdas</p>
<p>adasdasdas</p>
<p>adasdasdas</p>
<p>adasdasdas</p>
<p>adasdasdas</p>
<p>adasdasdas</p>
<p>adasdasdas</p>
<p>adasdasdas</p>
<p>adasdasdas</p>
<p>adasdasdas</p>
<p>adasdasdas</p>
<p>adasdasdas</p>
<p>adasdasdas</p>
<p>adasdasdas</p>
<p>adasdasdas</p>
<p>adasdasdas</p>
<p>adasdasdas</p>
<p>adasdasdas</p>
<p>adasdasdas</p>
<p>adasdasdas</p>
<p>adasdasdas</p>
<p>adasdasdas</p>
<p>adasdasdas</p>
<p>adasdasdas</p>
<p>adasdasdas</p>
<p>adasdasdas</p>
<p>adasdasdas</p>
<p>adasdasdas</p>
<p>adasdasdas</p>
<p>adasdasdas</p>
<p>adasdasdas</p>
<p>adasdasdas</p>
<p>adasdasdas</p>
<p>adasdasdas</p>
<p>adasdasdas</p>
<p>adasdasdas</p>
<p>adasdasdas</p>
<p>adasdasdas</p>
<p>adasdasdas</p>
<p>adasdasdas</p>
<p>adasdasdas</p>
<p>adasdasdas</p>
<p>adasdasdas</p>
</body>
</html>
Initial URL
Initial Description
Initial Title
align center div
Initial Tags
css, jquery, center
Initial Language
jQuery