안녕하세요.
왼쪽메뉴 자바에서 저에게 정말 필요한 소스를 발견했어요.
설명에 보면, 메뉴 내용을 수정하면, 사용할수 있다고 하는데요.
메뉴 내용을 저에게 맞게 수정을 하면 오류로 떠서 사용이 되지 않아요....
고수님들 제발 간절히 부탁드립니다....도와주세여~~~~
3단계로 펼쳐져서 나오는 상단메뉴 입니다.
저는 3단계까지는 필요없어서 3단계부분을 지우니까...메뉴 1번째를 수정하면 아예 작동을 안합니다.
메뉴 1번째를 놔두고, 나머지 부분을 수정하면 정상적으로 나오는데,
저는 1번째 메뉴가 home 이라서 펼쳐져 나오는 메뉴가 없어야 하는데....아웅...
제발 좀 도와주세여..
원소스 주소 : http://www.happycgi.com/detail.cgi?number=13841&p=1
[ JS ]
if (mtDropDown.isSupported()) {
var ms = new mtDropDownSet(mtDropDown.direction.down, 0, 0, mtDropDown.reference.bottomLeft);
// 메뉴수만큼 설정하시면 됩니다.
// [ MENU 01] ******************************************************//
var menu1 = ms.addMenu(document.getElementById("menu1"));
menu1.addItem("반냐라마 소개", "http://www.happycgi.com");
menu1.addItem("수행모임", "http://www.happycgi.com");
menu1.addItem("집중수행 안내", "http://www.happycgi.com");
menu1.addItem("SATI MASTER회", "http://www.happycgi.com");
menu1.addItem("각 지역 반냐라마", "http://www.happycgi.com");
var subMenu0 = menu1.addMenu(menu1.items[0]);
subMenu0.addItem("주요활동", "http://www.happycgi.com");
subMenu0.addItem("지도법사", "http://www.happycgi.com");
var subMenu1 = menu1.addMenu(menu1.items[1]);
subMenu1.addItem("서울 수행모임", "http://www.happycgi.com");
subMenu1.addItem("대구 수행모임", "http://www.happycgi.com");
subMenu1.addItem("울산 수행모임", "http://www.happycgi.com");
subMenu1.addItem("해운대 수행모임", "http://www.happycgi.com");
subMenu1.addItem("다보산 수행모임", "http://www.happycgi.com");
subMenu1.addItem("성남 수행모임", "http://www.happycgi.com");
var subMenu2 = menu1.addMenu(menu1.items[2]);
subMenu2.addItem("자유수행", "http://www.happycgi.com");
subMenu2.addItem("집중수행", "http://www.happycgi.com");
subMenu2.addItem("단기출가", "http://www.happycgi.com");
var subMenu3 = menu1.addMenu(menu1.items[3]);
subMenu3.addItem("SATI MASTER 구성", "http://www.happycgi.com");
subMenu3.addItem("SATI MASTER BOARD", "http://www.happycgi.com");
var subMenu4 = menu1.addMenu(menu1.items[4]);
subMenu4.addItem("KOREA", "http://www.happycgi.com");
subMenu4.addItem("INDIA", "http://www.happycgi.com");
subMenu4.addItem("NEWZEALAND", "http://www.happycgi.com");
// [ MENU 02] ******************************************************//
var menu2 = ms.addMenu(document.getElementById("menu2"));
menu2.addItem("마음과학 │ Cittology", "http://www.happycgi.com");
menu2.addItem("수행기술", "http://www.happycgi.com");
menu2.addItem("수행이론", "http://www.happycgi.com");
menu2.addItem("주말집중수행", "http://www.happycgi.com");
menu2.addItem("교사직무연수", "http://www.happycgi.com");
menu2.addItem("SATI CAMP", "http://www.happycgi.com");
menu2.addItem("CEO CAMP", "http://www.happycgi.com");
menu2.addItem("SATI WORKSHOP", "http://www.happycgi.com");
menu2.addItem("SUTTA WORKSHOP", "http://www.happycgi.com");
menu2.addItem("SATI MASTER 과정", "http://www.happycgi.com");
menu2.addItem("International SatiCamp", "http://www.happycgi.com");
var subMenu1 = menu2.addMenu(menu2.items[1]);
subMenu1.addItem("좌선", "http://www.happycgi.com");
subMenu1.addItem("행선", "http://www.happycgi.com");
subMenu1.addItem("생활선", "http://www.happycgi.com");
var subMenu2 = menu2.addMenu(menu2.items[2]);
subMenu2.addItem("수행특강", "http://www.happycgi.com");
var subMenu3 = menu2.addMenu(menu2.items[5]);
subMenu3.addItem("청소년 SATI CAMP", "http://www.happycgi.com");
subMenu3.addItem("대학생 SATI CAMP", "http://www.happycgi.com");
subMenu3.addItem("일반인 SATI CAMP", "http://www.happycgi.com");
subMenu3.addItem("행복 SATI CAMP", "http://www.happycgi.com");
var subMenu4 = menu2.addMenu(menu2.items[6]);
subMenu4.addItem("Anathapindika Camp", "http://www.happycgi.com");
// [ MENU 03] ******************************************************//
var menu3 = ms.addMenu(document.getElementById("menu3"));
menu3.addItem("근본경전", "http://www.happycgi.com");
menu3.addItem("대승경전", "http://www.happycgi.com");
menu3.addItem("논장 │ 조사어록", "http://www.happycgi.com");
menu3.addItem("불 교 사", "http://www.happycgi.com");
var subMenu0 = menu3.addMenu(menu3.items[0]);
subMenu0.addItem("초전법륜경", "http://www.happycgi.com");
subMenu0.addItem("대반열반경", "http://www.happycgi.com");
var subMenu1 = menu3.addMenu(menu3.items[1]);
subMenu1.addItem("반야심경", "http://www.happycgi.com");
subMenu1.addItem("금 강 경", "http://www.happycgi.com");
var subMenu2 = menu3.addMenu(menu3.items[2]);
subMenu2.addItem("벽 암 록", "http://www.happycgi.com");
subMenu2.addItem("신 심 명", "http://www.happycgi.com");
subMenu2.addItem("무 문 관", "http://www.happycgi.com");
var subMenu3 = menu3.addMenu(menu3.items[3]);
subMenu3.addItem("인도불교사", "http://www.happycgi.com");
subMenu3.addItem("중국불교사", "http://www.happycgi.com");
subMenu3.addItem("한국불교사", "http://www.happycgi.com");
// [ MENU 04] ******************************************************//
var menu4 = ms.addMenu(document.getElementById("menu4"));
menu4.addItem("마음운동 소개", "http://www.happycgi.com");
menu4.addItem("주요활동", "http://www.happycgi.com");
menu4.addItem("외부수행지도 안내", "http://www.happycgi.com");
menu4.addItem("도움요청", "http://www.happycgi.com");
menu4.addItem("활 동 방", "http://www.happycgi.com");
var subMenu0 = menu4.addMenu(menu4.items[1]);
subMenu0.addItem("활동안내", "http://www.happycgi.com");
subMenu0.addItem("활동소식", "http://www.happycgi.com");
// [ MENU 05] ******************************************************//
var menu5 = ms.addMenu(document.getElementById("menu5"));
menu5.addItem("공지사항", "http://www.happycgi.com");
menu5.addItem("수행상담", "http://www.happycgi.com");
menu5.addItem("사진첩", "http://www.happycgi.com");
menu5.addItem("게시판", "http://www.happycgi.com");
menu5.addItem("후 원", "http://www.happycgi.com");
var subMenu0 = menu5.addMenu(menu5.items[2]);
subMenu0.addItem("포토갤러리", "http://www.happycgi.com");
subMenu0.addItem("사진올리기", "http://www.happycgi.com");
var subMenu1 = menu5.addMenu(menu5.items[3]);
subMenu1.addItem("시청소감", "http://www.happycgi.com");
subMenu1.addItem("자유게시판", "http://www.happycgi.com");
subMenu1.addItem("묻고답하기", "http://www.happycgi.com");
subMenu1.addItem("소임자판", "http://www.happycgi.com");
var subMenu2 = menu5.addMenu(menu5.items[4]);
subMenu2.addItem("후원안내", "http://www.happycgi.com");
subMenu2.addItem("요 청 방", "http://www.happycgi.com");
mtDropDown.renderAll();
}
[ HTML ]
<HTML>
<HEAD>
<TITLE>메뉴디자인</TITLE>
<style>
td.mtDropdown{ FONT-SIZE: 12px; COLOR: #333333; FONT-FAMILY:verdana; letter-spacing:-1; }
.mtDropdownMenu {
LEFT: -1000px; OVERFLOW: hidden; POSITION: absolute; TOP: -1000px
}
.mtDropdownMenu .content {
POSITION: absolute
}
.mtDropdownMenu .items {
BORDER-RIGHT: #999999 1px solid; BORDER-TOP: #999999 1px solid; Z-INDEX: 2; LEFT: 0px; BORDER-LEFT: #999999 1px solid; BORDER-BOTTOM: #999999 1px solid; POSITION: relative; TOP: 0px
}
.top .items {
BORDER-TOP: medium none
}
.mtDropdownMenu .item {
BORDER-RIGHT: medium none; BORDER-TOP: medium none; FONT-SIZE: 12px; BORDER-LEFT: medium none; CURSOR: hand; COLOR: #4a4b4b; BORDER-BOTTOM: medium none; FONT-FAMILY: ±¼¸²; TEXT-DECORATION: none
}
.mtDropdownMenu .background {
Z-INDEX: 1; LEFT: 0px; POSITION: absolute; TOP: 0px; moz-opacity: .8
}
.mtDropdownMenu .shadowRight {
Z-INDEX: 3; FILTER: alpha(opacity=40); WIDTH: 2px; POSITION: absolute; TOP: 3px; moz-opacity: .4
}
.mtDropdownMenu .shadowBottom {
Z-INDEX: 1; FILTER: alpha(opacity=40); LEFT: 3px; POSITION: absolute; HEIGHT: 2px; moz-opacity: .4
}
.mtDropdownMenu .hover {
BACKGROUND: #F5F5F5; font-weight: bold;
}
</style>
<script language=javascript src="drop_menu_sc.js" ></script>
<script language=javascript>
var preloaded = [];
function init() {
mtDropDown.initialize();
}
function swapImage(imgName, sFilename) {
document.images[imgName].src = sFilename;
}
</script>
</head>
<body onload=init();>
<!-- ImageReady Slices (이미지/메뉴디자인.psd) -->
<!-- 원하는 메뉴수만큼 설정하시면 됩니다 -->
<!-- 여기 메뉴수와 drop_menudata.js에 설정된 메뉴수 값과 같아야 합니다 -->
<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td><IMG SRC="image/bg01.gif"></td>
<td><a href="#" onMouseover="msover(1);" onMouseout="msout(1);" onfocus='blur()'><img id=menu1 src="image/menuoff01.gif" border="0" align="absmiddle"></a></td>
<td><a href="#" onMouseover="msover(2);" onMouseout="msout(2);" onfocus='blur()'><img id=menu2 src="image/menuoff02.gif" border="0" align="absmiddle"></a></td>
<td><a href="#" onMouseover="msover(3);" onMouseout="msout(3);" onfocus='blur()'><img id=menu3 src="image/menuoff03.gif" border="0" align="absmiddle"></a></td>
<td><a href="#" onMouseover="msover(4);" onMouseout="msout(4);" onfocus='blur()'><img id=menu4 src="image/menuoff04.gif" border="0" align="absmiddle"></a></td>
<td><a href="#" onMouseover="msover(5);" onMouseout="msout(5);" onfocus='blur()'><img id=menu5 src="image/menuoff05.gif" border="0" align="absmiddle"></a></td>
<td><IMG SRC="image/bg03.gif"></td>
</tr>
</table>
<script language="javascript">
var Tmenuov = "";
var Tmenuou = "";
function msover(num) {
document.all["menu" + num].src = "image/menuon0"+num+".gif";
}
function msout(num) {
document.all["menu" + num].src = "image/menuoff0"+num+".gif";
Tmenuov = num;
}
function divmsover() {
document.all["menu" + Tmenuov].src = "image/menuon0"+Tmenuov+".gif";
Tmenuou = Tmenuov;
}
function divmsout() {
document.all["menu" + Tmenuou].src = "image/menuoff0"+Tmenuou+".gif";
}
</script>
<script language=javascript src="drop_menudata.js"></script>
</BODY>
</HTML>
242
3,028
2009-04-24 00:16:50
닉네임
