클릭시 펼쳐지는 메뉴 입니다. 정보
JavaScript 클릭시 펼쳐지는 메뉴 입니다.
본문
<SCRIPT LANGUAGE="JavaScript"> 
<!-- 
function startCateScrollScroll() { 
setTimeout("slideCateScroll()", 10); 
} 
function slideCateScroll() { 
var Sel_Height=150; //셀렉트 박스의 세로 크기 지정 
el = document.getElementById("cate_scroll-list"); 
if (el.heightPos == null || (el.isDone && el.isOn == false)) { 
el.isDone = false; 
el.heightPos = 1; 
el.heightTo = Sel_Height; 
} else if (el.isDone && el.isOn){ 
el.isDone = false; 
el.heightTo = 1; //셀렉트 영역이 닫힐때 크기 지정 
} 
if (Math.abs(el.heightTo - el.heightPos) > 1) { 
el.heightPos += (el.heightTo - el.heightPos) / 10; 
el.style.height = el.heightPos + "px"; 
startCateScrollScroll(); 
} else { 
if (el.heightTo == Sel_Height) { 
el.isOn = true; 
} else { 
el.isOn = false; 
} 
el.heightPos = el.heightTo; 
el.style.height = el.heightPos + "px"; 
el.isDone = true; 
} 
} 
//--> 
</SCRIPT> 
0
 
 
댓글 0개