트리 구조의 메뉴를 구현한 스크립트

paran/[ Script ]

트리 구조의 메뉴를 구현한 스크립트

webdress 2004. 11. 16. 09:25

이 스크립트는 트리 구조의 메뉴를 구현한 스크립트이다.

브라우저: 익스플로러 5 이상에서 테스트
라이센스: freeware
사용언어: Javascript

<HTML><HEAD><p><center><font color="navy"><b>▶ </b></font><a href="http://korea.internet.com/channel/list.asp?cid=189&zid=12"><font color="navy"><b>코리아인터넷닷컴 자바스크립트 소스/예제 모음</b></font></a></center><p></HEAD><body topmargin=20 leftmargin=10 bgcolor="#FFffff" link="#000066" vlink="#666666" text="#000000"><H2>트리 구조의 메뉴</H2><P><hr><FONT SIZE="4"><B>마우스로 이미지를 클릭해 보세요</B></FONT><BR><BR><font size="2"><DIV ID="Out0"> <IMG SRC="http://korea.internet.com/images/nid_image/javascript_closed.gif" ID="Out1" CLASS="Outline" STYLE="cursor: hand" WIDTH="16" HEIGHT="13">웹개발<BR><DIV ID="Out1d" STYLE="display:None"> <IMG SRC="http://korea.internet.com/images/nid_image/javascript_closed.gif" ID="Out2" CLASS="Outline" STYLE="cursor: hand" WIDTH="16" HEIGHT="13">자바스크립트<BR><DIV ID="Out2d" STYLE="display:None"> -<a href="http://korea.internet.com/channel/list.asp?cid=189&zid=8">활용 팁</a><BR> -<a href="http://korea.internet.com/channel/list.asp?cid=189&zid=12">소스/예제 모음</a><BR></DIV></div></div><DIV ID="oout0"> <IMG SRC="http://korea.internet.com/images/nid_image/javascript_closed.gif" ID="oout1" CLASS="Outline" STYLE="cursor: hand" WIDTH="16" HEIGHT="13">테크<BR><DIV ID="oout1d" STYLE="display:None"> <IMG SRC="http://korea.internet.com/images/nid_image/javascript_closed.gif" ID="oout2" CLASS="Outline" STYLE="cursor: hand" WIDTH="16" HEIGHT="13">데이터베이스<BR><DIV ID="oout2d" STYLE="display:None"> -<a href="http://korea.internet.com/channel/list.asp?cid=163&zid=8">활용 팁</a><BR> -<a href="http://korea.internet.com/channel/list.asp?cid=163&zid=9">강좌</a><BR></DIV></DIV></DIV></font><SCRIPT LANGUAGE="JavaScript">function clickHandler() { var targetId, srcElement, targetElement; srcElement = window.event.srcElement; if (srcElement.className == "Outline") { targetId = srcElement.id + "d"; targetElement = document.all(targetId); if (targetElement.style.display == "none") { targetElement.style.display = ""; srcElement.src = "http://korea.internet.com/images/nid_image/javascript_open.gif"; } else { targetElement.style.display = "none"; srcElement.src = "http://korea.internet.com/images/nid_image/javascript_closed.gif"; } }}document.onclick = clickHandler;</SCRIPT><p align="center"><a href="/channel/content.asp?kid=13&nid=15128#test"><img src="/images/w_list3.gif" border="0"></a></p></BODY></HTML>