PHP Ionic Angular HTML5 AJAX Javascript CSS MySQL jQuery Forum


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

24 February 2009 By Ninenik Narkdee
ขอบล่าง 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>

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



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



บริการเว็บ server web hosting
บริการเว็บ server web hosting


Tags:: jquery ขอบล่าง







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