كيف اعمل اعلان صغير يظهر اسفل الصفحة للاعلى

ياشباب كيف اعمل صندوق حوار صغير او شاشة اعلانية صغيرة تتحرك في موقعي من الاسفل للاعلى او من اليمين لليسار بعد تحميل الصفحة

هذا مثال:

<!doctype html>
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
	$("div.footer_ad").animate({bottom: 0}, 500, 'linear');
});
</script>
<style type="text/css">
body {
	overflow: hidden;
}
div.footer_ad {
	position: absolute;
	height: 25px;
	bottom: -29px;	/* bottom = - (height + padding + 1) */
	padding: 3px;
	left: 0;

	width: 100%;
	border-top: 1px solid #ddd;
	background-color: #ccc;
	font-family: Tahoma;
	font-size: 15px;
	font-color: #000;
	overflow: hidden;
}
</style>
</head>
<body>

<div class="footer_ad">
Hello Ad!
</div>
</body>
</html>

اين ملف css