PHP Ionic Angular Phonegap AJAX Javascript CSS MySQL jQuery Forum


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

24 February 2009 By
jquery ขอบล่าง

คำสั่ง การ กำหนด รูปแบบ ตัวอย่าง เทคนิค ลูกเล่น การประยุกต์ การใช้งาน เกี่ยวกับ 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>

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







Tags:: ขอบล่าง jquery






อย่าลืมกด Like กด Share เป็นกำลังใจ ในการสร้างบทความใหม่ๆ น่ะครับ


URL สำหรับอ้างอิง