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

เขียนเมื่อ 11 ปีก่อน โดย 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 เป็นกำลังใจ ให้มีบทความใหม่ๆ เรื่อยๆ น่ะครับ











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











เว็บไซต์ของเราให้บริการเนื้อหาบทความสำหรับนักพัฒนา โดยพึ่งพารายได้เล็กน้อยจากการแสดงโฆษณา โปรดสนับสนุนเว็บไซต์ของเราด้วยการปิดการใช้งานตัวปิดกั้นโฆษณา (Disable Ads Blocker) ขอบคุณครับ