เพิ่มลูกเล่นให้กับป้ายโฆษณาตรึงขอบล่าง ด้วย jQuery

CSS Code

<style type="text/css">
div.iBannerFix{
	height:50px;
	position:fixed;
	left:0px;
	bottom:0px;
	background-color:#000000;
	width:100%;
	z-index: 99;
}
</style>

Javascript Code

<script language="javascript" src="js/jquery-1.2.6.min.js"></script>
<script type="text/javascript">
$(function(){
	$("div.iBannerFix").hover(function(){
		$(this).animate({
			height:200
		},100);
	},function(){
		$(this).animate({
			height:50
		},100);		
	});
});
</script>

HTML Code

<div class="iBannerFix">
<center>
<img src="images/php_ajax_css_javascript_jquery.jpg" />
</center>
</div>

ตัวอย่างเลื่อนเมาส์ไปที่ป้ายโฆษณาที่ชิดขอบล่าง