คลิ๊ก LINK แล้วมีหน้าต่างเล็กๆ SLIDE มาจากข้างบน

by Smilez Mon Jun 01, 2009 8:54 am

นำ CODE ด้านล่างไปไว้ที่ <head> ครับ

Code::  <style> #dhtmlgoodies_contentBox { border:1px solid #317082; height:0px; visibility:hidden; position:absolute; background-color:#E2EBED; overflow:hidden; padding:2px; width:250px; } #dhtmlgoodies_content { position:relative; font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif; width:100%; font-size:0.8em; } #dhtmlgoodies_slidedown { position:relative; width:250px; } </style> <script> var initHeight = 0; var slidedown_direction = 1; var slidedownContentBox = false; var slidedownContent = false; var slidedownActive = false; var contentHeight = false; var slidedownSpeed = 3; // Higher value = faster script var slidedownTimer = 7; // Lower value = faster script function slidedown_showHide() { if(initHeight==0)slidedown_direction=slidedownSpeed; else slidedown_direction = slidedownSpeed*-1; if(!slidedownContentBox) { slidedownContentBox = document.getElementById('dhtmlgoodies_contentBox'); slidedownContent = document.getElementById('dhtmlgoodies_content'); contentHeight = document.getElementById('dhtmlgoodies_content').offsetHeight; } slidedownContentBox.style.visibility='visible'; slidedownActive = true; slidedown_showHide_start(); } function slidedown_showHide_start() { if(!slidedownActive)return; initHeight = initHeight/1 + slidedown_direction; if(initHeight <= 0) { slidedownActive = false; slidedownContentBox.style.visibility='hidden'; initHeight = 0; } if(initHeight>contentHeight) { slidedownActive = false; } slidedownContentBox.style.height = initHeight + 'px'; slidedownContent.style.top = initHeight - contentHeight + 'px'; setTimeout('slidedown_showHide_start()',slidedownTimer); // Choose a lower value than 10 to make the script move faster } function setslidedownWidth(newWidth) { document.getElementById('dhtmlgoodies_slidedown').style.width = newWidth + 'px'; document.getElementById('dhtmlgoodies_contentBox').style.width = newWidth + 'px'; } function setSlideDownSpeed(newSpeed) { slidedownSpeed = newSpeed; } </script>

ต้องการให้แสดง LINK ที่ไหนก็นำ CODE ด้านล่างไปไว้ที่นั่นครับ <body> นะครับ

Code:: <script type="text/javascript"> setSlideDownSpeed(4); </script> <div id="dhtmlgoodies_slidedown"> <div id="dhtmlgoodies_control"> <font face="MS Sans Serif" size="1"> <a href="#" onclick="slidedown_showHide();return false;">Click Here !!</a> </font> </div> <div id="dhtmlgoodies_contentBox"> <div id="dhtmlgoodies_content">  <font face="MS Sans Serif" size="1"> เป็นแบบที่เห็นนี่ครับ คลิ๊กที่ LINK อีกทีเพื่อให้หน้าต่างนี้เลื่อนกลับไป <a target="_blank" href="http://www.codetukyang.com">ไปหน้าหลัก</a> </font><br><br>  </div> </div> </div>