½ÃÀÛÆäÀÌÁö·Î Áñ°Üã±âÃß°¡
·Î±×ÀÎ
ȸ¿ø°¡ÀÔ l Ã⼮üũ l ¸¶ÀÌÆäÀÌÁö l CGIMALL
happycgi
ÀÚ·á½Ç »çÀÌÆ®µî·Ï ·©Å·100 ÇÁ·Î±×·¥¸®ºä °ü¸®ÀÚÃßõÀÚ·á Ãʺ¸°¡À̵å
Ä¿¹Â´ÏƼ
Àüü ÆîÃ帱â
Äü¸Þ´º¸µÅ© jquery , CSS , PHP , Javascript , ¹«·áÆùÆ® , ASP
»ó¼¼°Ë»ö
Ȩ > JAVASCRIPT > javascript ¼Ò½ºÃ¢°í > ¸Þ´º °ü·Ã > Ç÷¡½ÃÈ¿°ú µå·Ó´Ù¿î ¸Þ´º »ó¼¼Á¤º¸
»çÀÌÆ®µî·Ï
Ŭ¶ó¿ìµåű×
javascript
PHP
html
ASP
css
MYSQL
Mobile
image
jquery
slide
2023
2022
�޴�
ÇöÀçÁ¢¼ÓÀÚ ¸í »õ·Î°íħ
Ç÷¡½ÃÈ¿°ú µå·Ó´Ù¿î ¸Þ´º
¼Ò½ºÅë°èÁ¤º¸ ¿À·ù½Å°í ¹× ¹®ÀÇ
ÇØÇÇÆÀ
³×ƼÁð
Æ®À§ÅÍ·Î º¸³»±â ÆäÀ̽ººÏÀ¸·Î º¸³»±â
¼Ò½ººÐ·ù ¸Þ´º °ü·Ã
´Ù¿î·Îµå Ƚ¼ö 5877 ȸ
°£´Ü¼³¸í Ç÷¡½ÃÈ¿°úó·³ Èä³»³»´Â µå·Ó´Ù¿î ¸Þ´º°ü·Ã ½ºÅ©¸³´Ï´Ù. ¸Þ´ºÀ̹ÌÁö¸¦ ÆíÁýÇÏ½Ç ¼ö ÀÖ°Ô ¸Þ´ºÀ̹ÌÁö.psdÆÄÀϵµ °°ÀÌ Æ÷ÇÔ½ÃÄÑ ³õ¾Ò½À´Ï´Ù.
Æò°¡Çϱâ ÈǸ¢ÇÔ ¸Å¿ìÁÁÀ½ ÁÁÀ½ ±¦ÂúÀ½ º¸Åë º°·Î
ȨÆäÀÌÁö¹Ù·Î°¡±â ¼Ò½º´Ù¿î·Îµå µ¥¸ð ¹Ì¸®º¸±â ½ºÅ©·¦Çϱâ

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

 


³×ƼÁð ÀÇ°ß   ÀÌ¿ëÇϽŠÀÚ·áÀÇ Èı⸦ ÀÚÀ¯·Ó°Ô ÀÛ¼ºÇϼ¼¿ä. (»ó¾÷ÀûÀÎ ±¤°í ¹× µµ¹è¼º ±Û µîÀº »çÀüÅ뺸¾øÀÌ »èÁ¦µÉ ¼ö ÀÖ½À´Ï´Ù.)
³»¿ë ¾ÆÀ̵ð ÀÇ°ß³²±â±â
¼­ºê¸Å´º¿¡¼­ ¶Ç ¿·À¸·Î ¼­ºê¸Å´º¸¦ ÆîÄ¡°í ½ÍÀºµ¥ ¾î¶»°Ô ÇؾßÇÏ´ÂÁö ¹è¿ï¼ö ÀÖÀ»±î¿ä ?
2017-11-09 16:43:57
±Ç¿µÇö
Âù¼º 42
¹Ý´ë 40
RE °ü¸®ÀÚ
¶Ç´Ù½Ã ƯÁ¤ ¼­ºê¸¦ ¿¬°á ÇÒ ¼ö ÀÖ½À´Ï´Ù.

°¡·É »ùÇà ¼Ò½º drop_menudata.js ÆÄÀÏ¿¡¼­ ¾Æ·¡ÀÇ ¼Ò½º¸¦ 15¶óÀÎ ¹Ø¿¡ Ãß°¡ ÇϽŵڿ¡
¸Þ´º1 > ¹Ý³Ä¶ó¸¶¼Ò°³ > ÁÖ¿äÈ°µ¿¿¡ ¸¶¿ì½º¸¦ ¿À¹ö Çغ¸½Ã¸é È®ÀÎÀÌ °¡´É ÇÏ°Ú½À´Ï´Ù.

var subsubMenu0 = subMenu0.addMenu(subMenu0.items[0]);
subsubMenu0.addItem('¼­ºê¼­ºê1', 'http://www.naver.com');
subsubMenu0.addItem('¼­ºê¼­ºê2', 'http://www.naver.com');
(2017-11-27 16:06:51)
°ü¸®ÀÚ
RE °ü¸®ÀÚ
ÀÌ°÷ µ¥¸ðº¸±â¿¡µµ ÇØ´ç ¼Ò½º¸¦ Ãß°¡ ÇصξúÀ¸´Ï È®ÀÎ Çغ¸¼¼¿ä ^^;
http://www.happycgi.com/Attach/screen_shot/2007/12/31/1199069680/index.html(2017-11-27 16:07:36)
°ü¸®ÀÚ
ÁÁ½À´Ï´Ù
2014-07-24 16:58:22
¤¡
Âù¼º 89
¹Ý´ë 86
ÁÁÀº ¸Þ´º³×¿ä
2014-01-15 22:42:49
soseho
Âù¼º 95
¹Ý´ë 98
ÈḢÇÕ´Ï´Ù. ÇнÀ¿¡ µµ¿òÀÌ Å¬°Í °°¾Æ¿ä
2013-03-05 11:46:05
namdh21
Âù¼º 91
¹Ý´ë 98
¸Þ´ºÃß°¡ ¹× ±âÁ¸¸Þ´º¼öÁ¤Çϸé Á¤»óÀÛµ¿ÇÏÁö ¾Ê½À´Ï´Ù.
2009-04-23 21:55:29
daniel
Âù¼º 94
¹Ý´ë 92
»õâÀ¸·Î ¿­¸®°Ô ÇÏ´Â ¹æ¹ý ¾Ë·Á ÁÖ¼¼¿ä.
2008-06-12 16:27:16
gj0989
Âù¼º 90
¹Ý´ë 101
ÀÌ ¼Ò½º¸¦ žÇÁ·¹ÀÓ¿¡ ¾²°í ¼­ºê¸Þ´º¸¦ ´©¸£¸é Ÿ°ÙÇÁ·¹ÀÓÀ¸·Î ¶ß°Ô ÇÏ·Á¸é ¾î¶»°Ô ÇÏÁÒ?
2008-03-20 11:54:14
nolaputa
Âù¼º 99
¹Ý´ë 89
ÈÄ´ú´ú Á¤¸» &#52573;¿ÀÀε¥ Ãß°¡½Ã ½ÇÇàÀÌ ¾ÈµÇ³ªºÁ¿ä?;;
2008-02-13 14:54:30
tinell
Âù¼º 87
¹Ý´ë 100
±Ùµ¥ ¿Ö ¸Þ´º¸¦ Ãß°¡ ½ÃÅ°¸é ½ÇÇàÀÌ ¾ÈµÉ±î¿ä ¤Ì¤Ì..
2008-01-14 01:14:16
gotness
Âù¼º 58
¹Ý´ë 61
±ÂÀÔ´Ï´Ù!!.. :³×¸Â¾Æ¿ä:
2008-01-14 01:13:10
gotness
Âù¼º 62
¹Ý´ë 60
1
À̸§
³»¿ë
:³×¸Â¾Æ¿ä: :È­³ª´Â±º¿ä: :Àá¿Í: :¿ì¿ïÇØ: :À̰ǾƳÄ: :¿ÕÇÏÇÏ: ¿Õ¿ôÀ½~ ³î·¥~
Æò°¡Çϱâ ÈǸ¢ÇÔ ¸Å¿ìÁÁÀ½ ÁÁÀ½ ±¦ÂúÀ½ º¸Åë º°·Î
µµ¹è¹æÁöÅ°
 51882131 º¸ÀÌ´Â µµ¹è¹æÁöÅ°¸¦ ÀÔ·ÂÇϼ¼¿ä.