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

Å«¸Þ´º¸¦ Ŭ¸¯ÇÏ¸é ¾Æ·¡ÀÇ ¼­ºê¸Þ´º°¡ ºÎµå·´°Ô ³ªÅ¸³³´Ï´Ù ´Ù½Ã Ŭ¸¯ÇÏ¸é ºÎµå·´°Ô »ç¶óÁý´Ï´Ù.

 

   »ç¿ë¹æ¹ý

¸Þ´º°¡ »ðÀԵǴ HTMLÆÄÀÏÀÇ <Head> </Head> »çÀÌ¿¡ ¾Æ·¡ÀÇ ½ºÅ©¸³Æ®¸¦ ²À »ðÀÔÇÕ´Ï´Ù.

    <link rel="stylesheet" type="text/css" href="slashfiles/menu.css" />
    <script type="text/javascript" src="slashfiles/menu.js"></script>

menu.cssÆÄÀÏ°ú menu.jsÆÄÀÏÀÌ ²À ¿¬°áµÇ¾îÀÖ¾î¾ßÇÏ¸ç ´Ù¸¥ cssÆÄÀÏÀ» »ç¿ëÇÏ°íÀÖÀ¸½Ã´Ù¸é menu.cssÆÄÀÏÀÇ ³»¿ëÀ» »ç¿ëÇϽô cssÆÄÀÏ¿¡ »ðÀÔÇÏ¿©ÁÖ¼¼¿ä. ¶ÇÇÑ ÀÌ µÎ°³ÀÇ ÆÄÀÏÀÇ °æ·Î¸¸ ¸ÂÀ¸¸é µð·ºÅ丮´Â ´Ù¸¥°É »ç¿ëÇÏ¿©µµ »ó°ü¾ø½À´Ï´Ù.

<p align="left"><a href="javascript:slash_expandall()">ÀüºÎ ÆîÄ¡±â</a>/
<a href="javascript:slash_contractall()">¸ðµÎ ´Ý±â</a></p>

    <div class="sdmenu">
      <span class="title" id="top"><img src="slashfiles/expanded.gif" class="arrow" alt="-" />Å«¸Þ´º1</span>
      <div class="submenu">
        <a href="http://www.happycgi.com">¸Þ´º1-1</a>
        <a href="http://www.happycgi.com">¸Þ´º1-2</a>
        <a href="http://www.happycgi.com">¸Þ´º1-3</a>
        <a href="http://www.happycgi.com">¸Þ´º1-4</a>
        <a href="http://www.happycgi.com">¸Þ´º1-5</a>
        <a href="http://www.happycgi.com">¸Þ´º1-6</a>
      </div>
      <span class="title"><img src="slashfiles/expanded.gif" class="arrow" alt="-" />Å«¸Þ´º2</span>
      <div class="submenu">
        <a href="http://www.happycgi.com">¸Þ´º2-1</a>
        <a href="http://www.happycgi.com">¸Þ´º2-2</a>
        <a href="http://www.happycgi.com">¸Þ´º2-3</a>
      </div>
      <span class="title"><img src="slashfiles/expanded.gif" class="arrow" alt="-" />Å«¸Þ´º3</span>
      <div class="submenu">
        <a href="http://www.happycgi.com">¸Þ´º3-1</a>
        <a href="http://www.happycgi.com">¸Þ´º3-2</a>
        <a href="http://www.happycgi.com">¸Þ´º3-3</a>
        <a href="http://www.happycgi.com">¸Þ´º3-4</a>
      </div>
    </div>

ÆĶõ»öÀ¸·Î µÈºÎºÐÀº ¸Þ´ºÀÇ Å«¸Þ´ººÎºÐÀÔ´Ï´Ù À̺κÐÀ» Çϳª´õ »ðÀÔÇÏ¸é ¶Ç ÇϳªÀÇ Å«¸Þ´º°¡ »ý¼ºµÇ´Â°ÍÀÔ´Ï´Ù.
ºÓÀº»öÀ¸·Î µÈºÎºÐÀÇ <div class="submenu"> ´Â ÀÌ »çÀÌ¿¡ Àִ³»¿ëÀ» ¼­ºê¸Þ´º·Î ¸¸µé¾îÁִ°ÍÀÔ´Ï´Ù.
±×·¯¹Ç·Î Å«¸Þ´º¸¦ Ãâ·ÂÇϴ°÷ ¾Æ·¡¿¡ À̺κÐÀ» »ðÀÔÇÏ¿© ¾Æ·¡¿¡ ³»¿ëÀ» ÀÔ·ÂÇϸé Å«¸Þ´º Ŭ¸¯½Ã Ãâ·ÂµÇ´Â ³»¿ëÀÌ
±× ¾Æ·¡¿¡ Àִ <div class="submenu"> ¾È¿¡ ÀÖ´Â ³»¿ëÀÌ Ãâ·ÂµË´Ï´Ù.


³×ƼÁð ÀÇ°ß   ÀÌ¿ëÇϽŠÀÚ·áÀÇ Èı⸦ ÀÚÀ¯·Ó°Ô ÀÛ¼ºÇϼ¼¿ä. (»ó¾÷ÀûÀÎ ±¤°í ¹× µµ¹è¼º ±Û µîÀº »çÀüÅ뺸¾øÀÌ »èÁ¦µÉ ¼ö ÀÖ½À´Ï´Ù.)
³»¿ë ¾ÆÀ̵ð ÀÇ°ß³²±â±â
ÀÌ°Å¿ä~~ Çϳª°¡ ¿­¸®¸é Çϳª°¡ ´ÝÈ÷°Ô´Â ¸øÇϳª¿ä??
Ç×»ó ÇÑ ºÎºÐ¸¸ ¿­¸®°Ô ÇÏ°í ½Í¾î¼­¿ä...
2008-08-01 20:59:41
bluehist
Âù¼º 60
¹Ý´ë 60
Å« À̹ÌÁö´Â ÀÚ¹Ù½ºÅ©¸³Æ®°¡ ¾Æ´Ï´Ï <img src=À̹ÌÁö> Çü½ÄÀ¸·Î ±×³É html ¼Ò½º¿¡¼­ °É¾î¹ö¸®¼¼¿ä. ¿Õ¿ôÀ½~
2007-05-19 18:13:56
HappyCGI
Âù¼º 61
¹Ý´ë 55
¾ù... À̹ÌÁö¸é.... ±×³É Å«¸Þ´º Ŭ¸¯Çؼ­ ¸µÅ© °É¼ö´Â ¾ø´Â°Ç°¡¿ä??
2007-05-19 12:50:34
saning
Âù¼º 63
¹Ý´ë 65
Å«¸Þ´º´Â ±×³É À̹ÌÁö ÀÔ´Ï´Ù. ¿Õ¿ôÀ½~
2007-05-19 06:23:55
HappyCGI
Âù¼º 57
¹Ý´ë 65
ÇÏÀ§¸Þ´º°¡ ¾ø´Â Å« ¸Þ´º¸¦ ¸¸µé¶© ¾î&#45935;°Ô ÇÏ´ÂÁöÁ» °¡¸£ÃÄÁÖ¼¼¿ä
2007-05-19 01:14:39
saning
Âù¼º 64
¹Ý´ë 62
1
À̸§
³»¿ë
:³×¸Â¾Æ¿ä: :È­³ª´Â±º¿ä: :Àá¿Í: :¿ì¿ïÇØ: :À̰ǾƳÄ: :¿ÕÇÏÇÏ: ¿Õ¿ôÀ½~ ³î·¥~
Æò°¡Çϱâ ÈǸ¢ÇÔ ¸Å¿ìÁÁÀ½ ÁÁÀ½ ±¦ÂúÀ½ º¸Åë º°·Î
µµ¹è¹æÁöÅ°
 29232481 º¸ÀÌ´Â µµ¹è¹æÁöÅ°¸¦ ÀÔ·ÂÇϼ¼¿ä.