½ÃÀÛÆäÀÌÁö·Î Áñ°Üã±âÃß°¡
·Î±×ÀÎ
ȸ¿ø°¡ÀÔ 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
�޴�
ÇöÀçÁ¢¼ÓÀÚ ¸í »õ·Î°íħ
±ò²ûÇÑ ÅǸ޴º
¼Ò½ºÅë°èÁ¤º¸ ¿À·ù½Å°í ¹× ¹®ÀÇ
ÇØÇÇÆÀ
³×ƼÁð
Æ®À§ÅÍ·Î º¸³»±â ÆäÀ̽ººÏÀ¸·Î º¸³»±â
¼Ò½ººÐ·ù ¸Þ´º °ü·Ã
´Ù¿î·Îµå Ƚ¼ö 3698 ȸ
°£´Ü¼³¸í ±ò²ûÇÑ ÅǸ޴ºÀÔ´Ï´Ù. ¼Óµµµµºü¸£¸ç, ¼öÁ¤ÀÌ °£ÆíÇÏ°í ¸Þ´º Ãß°¡¶ÇÇÑ °£ÆíÇÏ°Ô ÇÒ ¼ö ÀÖ½À´Ï´Ù.
Æò°¡Çϱâ ÈǸ¢ÇÔ ¸Å¿ìÁÁÀ½ ÁÁÀ½ ±¦ÂúÀ½ º¸Åë º°·Î
¼Ò½º´Ù¿î·Îµå µ¥¸ð ¹Ì¸®º¸±â ½ºÅ©·¦Çϱâ

   ÇÊ¿äÇÑ ½ºÅ©¸³Æ®

*½ºÅ¸ÀϽÃÆ®

<style>
        #dolphincontainer{position:relative;border-bottom: 2px solid navy; color:#E0E0E0;background:#143D55;
        width:100%;font-family:Helvetica,Arial,Verdana,sans-serif;}
        #dolphinnav{position:relative;height:33px;font-size:12px;text-transform:uppercase;font-weight:bold;background:#fff url(images/dolphin_bg.gif) repeat-x bottom left;padding:0 0 0 20px;}
        #dolphinnav ul{margin:0;padding:0;list-style-type:none;width:auto;float:left;}
        #dolphinnav ul li{display:block;float:left;margin:0 1px;}
        #dolphinnav ul li a{display:block;float:left;color:#EAF3F8;text-decoration:none;padding:0 0 0 20px;height:33px;}
        #dolphinnav ul li a span{padding:12px 20px 0 0;height:21px;float:left;}
        #dolphinnav ul li a:hover{color:#fff;background:transparent url(images/dolphin_bg-OVER.gif) repeat-x bottom left;}
        #dolphinnav ul li a:hover span{display:block;width:auto;cursor:pointer;}
        #dolphinnav ul li a.current,#dolphinnav ul li a.current:hover{color:#fff;background:#1D6893 url(images/dolphin_left-ON.gif) no-repeat top left;line-height:275%;}
        #dolphinnav ul li a.current span{display:block;padding:0 20px 0 0;width:auto;background:#1D6893 url(images/dolphin_right-ON.gif) no-repeat top right;height:33px;}

        #dolphin_inner{color: white; padding: 5px; font-size: 80%; height: 1em}

        #dolphin_inner a:link, #dolphin_inner a:visited, #dolphin_inner a:active{color: white}
        #dolphin_inner a:hover{color: yellow}

        .innercontent{display: none;margin:10}

    </style>

 

* ½ºÅ©¸³Æ®

<script type="text/javascript">
var dolphintabs={
    subcontainers:[], last_accessed_tab:null,

    revealsubmenu:function(curtabref){
    this.hideallsubs()
    if (this.last_accessed_tab!=null)
        this.last_accessed_tab.className=""
    if (curtabref.getAttribute("rel")) //If there's a sub menu defined for this tab item, show it
    document.getElementById(curtabref.getAttribute("rel")).style.display="block"
    curtabref.className="current"
    this.last_accessed_tab=curtabref
    },

    hideallsubs:function(){
    for (var i=0; i<this.subcontainers.length; i++)
        document.getElementById(this.subcontainers[i]).style.display="none"
    },
    init:function(menuId, selectedIndex){
    var tabItems=document.getElementById(menuId).getElementsByTagName("a")
        for (var i=0; i<tabItems.length; i++){
            if (tabItems[i].getAttribute("rel"))
                this.subcontainers[this.subcontainers.length]=tabItems[i].getAttribute("rel") //store id of submenu div of tab menu item
            if (i==selectedIndex){ //if this tab item should be selected by default
                tabItems[i].className="current"
                this.revealsubmenu(tabItems[i])
            }
        tabItems[i].onmouseover=function(){
        dolphintabs.revealsubmenu(this)
        }
        } //END FOR LOOP
    }

}
</script>

   »ç¿ë¹æ¹ý

ÀÌ ÅǸ޴º¸¦ »ç¿ëÇϱâ À§Çؼ­´Â »ó´Ü¿¡ ÀûÇôÀÖ´Â ½ºÅ¸ÀϽÃÆ®¿Í ½ºÅ©¸³Æ®°¡ Æ÷ÇԵǾîÀÖ¾î¾ß Çϸç, ÇÏ´Ü¿¡ ÀûÇôÀÖ´Â ½ºÅ©¸³Æ®¿Í Ãâ·Â¹æ½ÄÀÌ ¸Â¾Æ¾ß ÇÕ´Ï´Ù.

*º»¹®ºÎºÐ

 <div id="dolphincontainer">
        <div id="dolphinnav">
        <ul>
        <li><a href="http://happycgi.com/" rel="home"><span>ȨÀ¸·Î</span></a></li>
        <li><a href="http://happycgi.com/" rel="tab1"><span>¸Þ´º1</span></a></li>
        <li><a href="http://happycgi.com/" rel="tab2"><span>¸Þ´º2</span></a></li>
        <li><a href="http://happycgi.com/" rel="tab3"><span>¸Þ´º3</span></a></li>
        <li><a href="http://happycgi.com/" rel="tab4"><span>¸Þ´º4</span></a></li>
        </ul>
        </div>
   
        <div id="dolphin_inner">
            <div id="home" class="innercontent">
            ȨÀ¸·Î È­¸é ³»¿ë<br>
            </div>

            <div id="tab1" class="innercontent">
            ÅÇ ¸Þ´º ³»¿ë 1<br>
            </div>

            <div id="tab2" class="innercontent">
            ÅÇ ¸Þ´º ³»¿ë 2<br>
            </div>

            <div id="tab3" class="innercontent">
            ÅÇ ¸Þ´º ³»¿ë 3<br>
            </div>

            <div id="tab4" class="innercontent">
            ÅÇ ¸Þ´º ³»¿ë 4<br>
            </div>
        </div>
  </div>

À§ÀÇ Å±×ó·³ divűװ¡ Á¸ÀçÇØ¾ß ÇÕ´Ï´Ù.

<script type="text/javascript">
dolphintabs.init("dolphinnav", 1) //ÃÖÃÊ È°¼ºÈ­½Ãų ÅÇ ¸Þ´º ¼±Åà ¼ýÀÚ 1Àº ù¹ø° ÅÇ
</script>

°¡ÀåÇÏ´Ü¿¡ À§ÀÇ ½ºÅ©¸³Æ®°¡ Á¸ÀçÇÏ¿©¾ß ÇÕ´Ï´Ù. À§ÀÇ ºÎºÐÀº óÀ½À¸·Î ¿À¹öµÇ¾îÀÖ´Â ÅǸ޴ºÀÇ ¹øÈ£À̸ç,
0 ÀÌ °¡Àå ù¹ø°ÀÇ ¸Þ´ºÀÔ´Ï´Ù.


³×ƼÁð ÀÇ°ß   ÀÌ¿ëÇϽŠÀÚ·áÀÇ Èı⸦ ÀÚÀ¯·Ó°Ô ÀÛ¼ºÇϼ¼¿ä. (»ó¾÷ÀûÀÎ ±¤°í ¹× µµ¹è¼º ±Û µîÀº »çÀüÅ뺸¾øÀÌ »èÁ¦µÉ ¼ö ÀÖ½À´Ï´Ù.)
³»¿ë ¾ÆÀ̵ð ÀÇ°ß³²±â±â
Å©·Î½º ºê¶ó¿ì¡ ¾ÈµÇ´Âµ¥¿ä ³î·¥~
2014-04-28 15:37:16
Àå½Â¿ø
Âù¼º 59
¹Ý´ë 63
ºê¶ó¿ìÀú¿¡ ¸Â°Ô º¯È¯ÀÌ ¾ÊµÇ´Â°Å °°¾Æ¿ä~~
¹æ¹ýÀÌ ¾ø³ª¿ä??
Áï, ¸Þ´º°¡ 10°³Á¤µµ°¡ µÇ¸é ºê¶ó¿ìÀú°¡ ÀÛÀº °÷¿¡¼­´Â ¾ÊµÇ´õ¶ó±¸¿ä...¤Ì¤Ì
2009-08-21 17:08:29
guybong
Âù¼º 66
¹Ý´ë 69
1
À̸§
³»¿ë
:³×¸Â¾Æ¿ä: :È­³ª´Â±º¿ä: :Àá¿Í: :¿ì¿ïÇØ: :À̰ǾƳÄ: :¿ÕÇÏÇÏ: ¿Õ¿ôÀ½~ ³î·¥~
Æò°¡Çϱâ ÈǸ¢ÇÔ ¸Å¿ìÁÁÀ½ ÁÁÀ½ ±¦ÂúÀ½ º¸Åë º°·Î
µµ¹è¹æÁöÅ°
 52282611 º¸ÀÌ´Â µµ¹è¹æÁöÅ°¸¦ ÀÔ·ÂÇϼ¼¿ä.