1. 펼침메뉴 (익스플로어 전용) > 유익한 싸이트

onclick="clickshow(2)"

onmouseout="this.style.backgroundColor=''"
bgColor=#FFFFFF borderColorLight=#AABBFF
height=23>

name=bar2
src="1.gif" border=0> 추천사이트







id=block2
"DISPLAY: none; MARGIN-LEFT: 3px; CURSOR: hand">

cellPadding=0 border=1 WIDTH="130">



http://www.dhtmldot.com"
target="detail">





cellPadding=0 border=1 WIDTH="130">

http://nanumi.pe.kr"
target="detail">

onmouseover="this.style.backgroundColor='#CCDDFF'"



onmouseout="this.style.backgroundColor=''"
bgColor=#FFFFFF borderColorLight=#FFFFFF>

    나누미

결과보기

② 설명

우선 주의 깊게 보아야 할 부분이 빨간색 부분입니다.

for (i=1;i<3;i++) {

에서 i는 1부터 시작해서 3보다 작을 때 까지
수행됩니다. 1과 2! 이렇게 두번 수행되겠죠. 여기서 3은 메뉴를 클릭했을 때
서브메뉴가 있어 메뉴가 펼쳐지는 메뉴의 갯수입니다. 위에서는 "검색엔진",
"추천사이트" 두 개가 있죠? 만약 총 메뉴가 10개 있는데, 3개는 그냥 클릭했을 때
링크가 되고 7개는 서브메뉴가 있는 메뉴라면
for (i=1;i<8;i++) {라고
해야겠죠? "서브메뉴를
포함한 메뉴의 수+ 1"이 됩니다.

그리고 위의 소스를 자세히 보면
onclick="clickshow(2)",
name=bar2,
id=block2 와 같이 세 군데 붉은
표시가 되어 있습니다. 서브메뉴를 포함한 첫번째 메뉴는
onclick="clickshow(1)",
name=bar1, id=block1
로 표시를 하고 서브 메뉴를 포함한 메뉴 부분이
증가할 때 마다 각각 1씩 증가시켜 주면 됩니다. 7번째 서브메뉴를 포함한 메뉴
부분에는
onclick="clickshow(7)",
name=bar7, id=block7와
같이 각각 적어주면 되겠죠.

그리고 target 부분은 파란색으로 표시했는데,
여러분의 홈페이지에 맞게 target을 설정해 주면 됩니다. 그리고 색상은 여러분이
편하실 대로 수정을 하시면 되구요. 이미지도 여러분 나름대로 넣으면 되겠죠?

이만하면 설명이 된 것 같은데.. 잘 안되는 부분이
있으면 자바스크립트 Q and A에 남겨주세요.