|
|
세로 슬라이딩 메뉴 만들기
세로 슬라이딩 메뉴소스입니다. 드림위버 익스텐션 "MFX_SlideMenu" 보다 사용하기 훨 쉽습니다. 메뉴를 추가할때는 아래 파란색으로 표시해둔 부분을 복사해서 사용하시면 되고, 이미지 메뉴 만들때는 테이블 삽입해서 사용하세요 [출처] 세로 슬라이딩 메뉴 만들기(토글)|작성자 비타민 <HTML> <HEAD> <TITLE>Sliding Menu</TITLE> <SCRIPT LANGUAGE=JAVASCRIPT> <!-- function toggleMenu(currMenu) { if (document.all) { if (currMenu == "menu1") { eval(document.all.menu1.style).display = "block" eval(document.all.menu2.style).display = "none" eval(document.all.menu3.style).display = "none" } else if(currMenu == "menu2") { eval(document.all.menu1.style).display = "none" eval(document.all.menu2.style).display = "block" eval(document.all.menu3.style).display = "none" } else { eval(document.all.menu1.style).display = "none" eval(document.all.menu2.style).display = "none" eval(document.all.menu3.style).display = "block" } return false } else { return true } } --> </SCRIPT> <STYLE TYPE="TEXT/CSS"> #menu1 {display:none; margin-left:15px} #menu2 {display:none; margin-left:15px} #menu3 {display:none; margin-left:15px} td { font-size: 9pt; line-height: 13pt; text-decoration: none} a { text-decoration: none; color: #0066FF} </STYLE> </HEAD> <BODY BGCOLOR="#FFFFFF"> <table border=0 cellpadding="0" cellspacing="5"> <tr> <td> <A HREF="#" onClick="return toggleMenu('menu1')"><b>드림위버</b></A><br> <SPAN ID="menu1"> <a href="#">기본과정</a><br> <a href="#">Extension</a><br> <a href="#">Manager</a><br> <a href="#">Object</a><br> <a href="#">Command</a><br> <a href="#">Behavior</a><br> </SPAN> <A HREF="#" onClick="return toggleMenu('menu2')"><b>플래쉬</b></A><br> <SPAN ID="menu2"> <a href="#">기본과정</a><br> <a href="#">파일최적화</a><br> <a href="#">Action</a><br> <a href="#">소스자료실</a><br> <a href="#">패러디소스</a><br> </SPAN> <A HREF="#" onClick="return toggleMenu('menu3')"><b>게시판</b></A> <SPAN ID="menu3"> <a href="#">묻고답하기</a><br> <a href="#">자바스크립트</a><br> <a href="#">자료실</a> </SPAN> </td> </tr> </table> </BODY> </HTML> [출처] 세로 슬라이딩 메뉴 만들기(토글)|작성자 비타민 |
| 
|
