<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>show and hide</title> <script type="text/javascript" src="showhide.js"></script> <SCRIPT LANGUAGE="JavaScript"> //ส่วนของ สคิปตรงนี้จะเป็นการ เลื่อนตาม Scoll ครับ var content2Text = ''; var $sibProfile = $('#sibProfile'); var $scroll = $(window); var sibPPositionY = parseFloat($sibProfile.css('bottom')); var sibPPositionX = parseFloat($sibProfile.css('right')); $(document).ready(function () { $(document).scroll(function () { var ScrollY = $scroll.scrollTop(); var ScrollX = $scroll.scrollLeft(); $sibProfile.css({ 'right':(sibPPositionX - ScrollX) + 'px' ,'bottom':(sibPPositionY - ScrollY) + 'px' }); }); }); </script> <!-- กำหนด style ให้กับ Bar ซัก หน่อยครับ --> <style type="text/css"> #showface { display:none; margin-left:0px; margin-top:10%; float:left; } .sibLockedMenu { position: fixed; top:15%; left:0px; padding:0px; width:40px; height:100px; } #nwhdBarface { background-image:url(facebook-logo.gif);<!-- รูปปุุ่ม --> position:absolute; left:0px; top:120px; cursor:pointer; width:50px; height:129px; } #nwhdBarview { background-repeat:no-repeat; margin-top:10%; cursor:pointer; width:32px; height:233px; float:left; } #nwhdBarview { float:left; margin-top:-400px; margin-left:385px; } </style> </head> <body> <div id="contact"></div> <div class="sibLockedMenu" > <div id="showface" > <div id="facestyle" onmouseover="chnw(2);" onmouseout="closeA();"> <iframe> ไอเฟรม ของเฟส ครับ</iframe> </div> <div id="nwhdBarview" onclick="closeA();"> </div> </div> <div id="nwhdBarface" onmouseover="chnw(2);" > </div> </div> </body> </html>
function chnw(state) { if(state==1) { document.getElementById("showface").style.display="none";//ไม่แสดงข้อมูล facebook document.getElementById("nwhdBarface").style.display="block";//แสดงแถบเมนูfacebook } else if(state==2) { document.getElementById("showface").style.display="block";//แสดงข้อมูล facebook document.getElementById("nwhdBarview").style.backgroundImage="url('facebook-logo.gif')"; //เปลี่ยนแบล็คกราว เป็น facebook document.getElementById("nwhdBarview").style.width="50px"; document.getElementById("nwhdBarface").style.display="none";//ไม่แสดง เมนู facebook } } function closeA(){ document.getElementById("showface").style.display="none"; document.getElementById("nwhdBarface").style.display="block"; }
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง
