การใช้งานรูปแบบ Pushdown

Pushdown เป็นรูปแบบที่เมื่อมีข้างในมาการขยาย  จะขยาย Div ข้างนอกด้วย

สคริป Javascript ที่ต้องใช้

<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="http://uptoyou.life/assets/js/ad-pushdown-1.min.js"></script>

1. Pushdown จาก  บน  -> ล่าง (ตัวอย่าง  Pushdown  จากสูง 90 เป็น 300)

การวาง Script ใน Page ในส่วนล่างเป็น Javascript อาจนำไปใส่ใน ad หรือเนื้อหาก็ได้เพื่อความสะดวกในการใช้งาน

<div id="{name}">
    // ad
</div>

<script>
    var pushdown = new AdPushdown("{name}");
    pushdown.sizeClose("728","90");
    pushdown.sizeOpen("728","300");
    pushdown.setup();
</script>

การวาง Script ใน Ad

// เมื่อต้องการให้เปิด ให้เรียกใช้ฟังชั่นนี้
 pushdown.open();

// เมื่อต้องการให้ปิด ให้เรียกใช้ฟังชั่นนี้
 pushdown.close();

* หาต้องการให้เวลาเปลี่ยนมีการเคลื่อนไหวที่นุ่มนวลมาขึ้นให้เพื่อค่านี้ก่อนเปิด เข่น

pushdown.adAnimate('yes');
pushdown.open();

ตัวอย่างทั้งหมด : http://uptoyou.life/other/javascript/pushdown.php