::Code++load_Font::

ลำดับตอนที่ #8 : Code"เปิดไดแบบมีPop upให้คลิก(สีชมพู)

<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=" ; display:block; position:absolute; '+putZero1+'; background:'+div1bg+' ; width:'+(width)+'; height:'+(height/2)+'; '+bWhere1+':'+div1bc+' solid '+div1bw+'px"></div>');
  document.write('<div id="revealDiv2" style=" ; 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=" ; display:block; position:absolute; '+putZero1+'; background:'+div1bg+' ; width:'+(width/2)+'; height:'+(height)+'; '+bWhere1+':'+div1bc+' solid '+div1bw+'px"></div>');
  document.write('<div id="revealDiv2" style=" ; 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=" ; 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="#ED8ECA";  // สีของกรอบ LINK เปิดหน้าต่าง
var clickbg="#EEBADB";  // สีพื้นหลังของกรอบ LINK เปิดหน้าต่าง
var clickt="ข้อความ"; // ข้อความ LINK เปิดหน้าต่าง
var clickFont="font-family:Ms Sans Serif; font-size:8pt; font-weight:bold; color:#74CCFF";  // รูปแบบ FONT ของ LINK

/*
อธิบาย CODE
type  ---> ใส่ 0 สำหรับการเปิดม่านแบบ VERTICAL และ ใส่ 1 สำหรับการเปิดม่านแบบ HORIZANTAL
div1bg  --> ใส่รหัสสีของพื้นหลังของม่าน ส่วนที่ 1 (เช่น #E2F4FF)
div2bg  --> ใส่รหัสสีของพื้นหลังของม่าน ส่วนที่ 2 (เช่น #E2F4FF)
div1bw  --> ใส่ค่าความหนาของกรอบของ ส่วนที่ 1 (เช่น 3)
div2bw  --> ใส่ค่าความหนาของกรอบของ ส่วนที่ 2 (เช่น 3)
div1bc  --> สีของกรอบของส่วนที่ 1 (เช่น #74CCFF)
div2bc  --> สีของกรอบของส่วนที่ 2 (เช่น #74CCFF)
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,'#F3E3ED','#F3E3ED',3,3,'#ED8ECA','#ED8ECA',10,50,true);
</script>

 



ไอ้ตัวสีชมพูอ่ะคำที่ให้คลิก