<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<script>
var menuNum;
var MIN_LAYER_SIZE;
var MAX_LAYER_SIZE;
var contents;
var scrollLayer;
var conHeightSize;
// Load시 기본적으로 지정될 정적 변수 지정
function init(){
contents = document.getElementById("contents");
scrollLayer = document.getElementById("scrollLayer");
// 레이어의 크기 변경시 아래 사이즈로 적용
MIN_LAYER_SIZE = 50;
MAX_LAYER_SIZE = 500;
}
// 레이어의 픽셀값이 0이 될때까지 감소한후 textArray의 호출된 n의 값을 기준으로
// Layer에 innerHTML 시켜줌
function scrollChangeFunction(n){
if(n!=null){
menuNum = n;
}
var textArray = new Array(
"텝 메뉴 1의 내용 입니다.~~~~<br>안녕하세요 ^^"
,"텝 메뉴 2의 내용 입니다.~~~~<br>만나서 반갑습니다."
,"텝 메뉴 3의 내용 입니다.~~~~<br>식사하셨나요?"
,"텝 메뉴 4의 내용 입니다.~~~~<br>좋은 하루 되세요~"
);
conHeightSize = returnPixel();
if(conHeightSize > MIN_LAYER_SIZE){
contents.style.height = conHeightSize-10+'px';
setTimeout("scrollChangeFunction("+ n +")",10);
}else{
scrollLayer.innerHTML = textArray[menuNum];
scrollLayerDown();
}
}
// 레이어의 크기를 MAX_LAYER_SIZE의 크기가 될 때까지 증가
function scrollLayerDown(){
추천 : 
