[ 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>
|
