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> 공유하기 게시글 관리 UX : 노트필기 'paran/[ Script ]' Related Articles 단 한 줄로 오른쪽 마우스 버튼 막기 돋보기로 이미지 확대해서 보기 스크롤바를 따라 다니는 슬라이드 메뉴 텍스트 및 이미지의 불법 유출을 막는 방법