CSS Code
1 2 3 4 5 6 7 8 9 10 11 | <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
1 2 3 4 5 6 7 8 9 10 11 12 13 14 | <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
1 2 3 4 5 | <div class="iBannerFix"><center><img src="images/php_ajax_css_javascript_jquery.jpg" /></center></div> |
ตัวอย่างเลื่อนเมาส์ไปที่ป้ายโฆษณาที่ชิดขอบล่าง
