<script language="JavaScript"> var width=document.body.clientWidth; var height=document.body.clientHeight; function doClickText(who,type,step,timeOut) { document.getElementById(who).style.display="none"; if(type==0) { reveal('revealDiv1',step,timeOut,0); reveal('revealDiv2',step,timeOut,1); } if(type==1) { reveal('revealDiv1',step,timeOut,2); reveal('revealDiv2',step,timeOut,3); } } ////////////////////// // Reveal! function // ////////////////////// function reveal(who,step,timeOut,type) { if(type==0) var where="top"; if(type==1) var where="bottom"; if(type==2) var where="left"; if(type==3) var where="right"; eval('var temp=document.getElementById(who).style.'+where); temp=parseInt(temp); if(type==0||type==1) var checkWith=height/2; if(type==2||type==3) var checkWith=width/2; if(-temp<checkWith) { temp-=step; eval('document.getElementById(who).style.'+where+'=temp;'); setTimeout("reveal('"+who+"',"+step+",'"+timeOut+"',"+type+")", timeOut); } else { document.getElementById(who).style.display="none"; document.body.scroll="yes"; } } function initReveal(type,div1bg,div2bg,div1bw,div2bw,div1bc,div2bc,step,timeOut,click) { if(type==0) { var bWhere1="border-bottom"; var bWhere2="border-top"; var putZero1="top:0px; left:0px"; var putZero2="bottom:0px; left:0px"; document.write('<div id="revealDiv1" style="z-index:100; display:block; position:absolute; '+putZero1+'; background:'+div1bg+' ; width:'+(width)+'; height:'+(height/2)+'; '+bWhere1+':'+div1bc+' solid '+div1bw+'px"></div>'); document.write('<div id="revealDiv2" style="z-index:100; display:block; position:absolute; '+putZero2+'; background:'+div2bg+' ; width:'+(width)+'; height:'+(height/2)+'; '+bWhere2+':'+div2bc+' solid '+div2bw+'px"></div>'); if(!click) { reveal('revealDiv1',step,timeOut,0); reveal('revealDiv2',step,timeOut,1); } else { clickText(type,step,timeOut); } } if(type==1) { var bWhere1="border-right"; var bWhere2="border-left"; var putZero1="top:0px; left:0px"; var putZero2="top:0px; right:0px"; document.write('<div id="revealDiv1" style="z-index:100; display:block; position:absolute; '+putZero1+'; background:'+div1bg+' ; width:'+(width/2)+'; height:'+(height)+'; '+bWhere1+':'+div1bc+' solid '+div1bw+'px"></div>'); document.write('<div id="revealDiv2" style="z-index:100; display:block; position:absolute; '+putZero2+'; background:'+div2bg+' ; width:'+(width/2)+'; height:'+(height)+'; '+bWhere2+':'+div2bc+' solid '+div2bw+'px"></div>'); if(!click) { reveal('revealDiv1',step,timeOut,2); reveal('revealDiv2',step,timeOut,3); } else { clickText(type,step,timeOut); } } function clickText(type,step,timeOut) { document.write('<div id="clickText" style="z-index:101; display:block; position:absolute; top:'+(height/2-clickh/2-clickb)+'; left:'+(width/2-clickw/2-clickb)+'"><table style="border:'+clickc+' solid '+clickb+'px; background:'+clickbg+' ;width:'+clickw+'px; height:'+clickh+'; '+clickFont+'; cursor:hand; cursor:hand" onClick="doClickText(\'clickText\','+type+','+step+','+timeOut+')"><tr><td align="middle">'+clickt+'</td></tr></table></div>'); } } </script> <script language="JavaScript"> var clickw=100; // ความกว้างของกรอบ LINK เปิดหน้าต่าง var clickh=20; // ความสูงของกรอบ LINK เปิดหน้าต่าง var clickb=1; // ความหนาของกรอบ LINK เปิดหน้าต่าง var clickc="#cc3333"; // สีของกรอบ LINK เปิดหน้าต่าง var clickbg="#6600cc"; // สีพื้นหลังของกรอบ LINK เปิดหน้าต่าง var clickt="ENTER"; // ข้อความ LINK เปิดหน้าต่าง var clickFont="font-family:Ms Sans Serif; font-size:8pt; font-weight:bold; color:#FFFFFF"; // รูปแบบ FONT ของ LINK /* อธิบาย CODE type ---> ใส่ 0 สำหรับการเปิดม่านแบบ VERTICAL และ ใส่ 1 สำหรับการเปิดม่านแบบ HORIZANTAL div1bg --> ใส่รหัสสีของพื้นหลังของม่าน ส่วนที่ 1 (เช่น #66ffcc) div2bg --> ใส่รหัสสีของพื้นหลังของม่าน ส่วนที่ 2 (เช่น #66ffcc) div1bw --> ใส่ค่าความหนาของกรอบของ ส่วนที่ 1 (เช่น 1) div2bw --> ใส่ค่าความหนาของกรอบของ ส่วนที่ 2 (เช่น 1) div1bc --> สีของกรอบของส่วนที่ 1 (เช่น #000000) div2bc --> สีของกรอบของส่วนที่ 2 (เช่น #000000) step --> ความเร็วในการเปิดหน้าต่าง เลขยิ่งมากยิ่งเร็ว (เช่น 10) timeOut --> ความเร็วในการ DELAY ในแบบ MILLISECONDS click --> ใส่ true ถ้าต้องการให้คลิ๊ก LINK เพื่อเปิดม่าน และ ใส่ false ถ้าต้องการให้เปิดม่านเองแบบ AUTO CODE แต่ละช่องด้านบนเรียงตามบรรทัดด้านล่างนี้ initReveal(type,div1bg,div2bg,div1bw,div2bw,div1bc,div2bc,step,timeOut,click) */ new initReveal(0,'#66ffcc','#66ffcc',1,1,'#000000','#000000',10,50,true); </script>