½ÃÀÛÆäÀÌÁö·Î Áñ°Üã±âÃß°¡
·Î±×ÀÎ
ȸ¿ø°¡ÀÔ l Ã⼮üũ l ¸¶ÀÌÆäÀÌÁö l CGIMALL
ÀÚ·á½Ç »çÀÌÆ®µî·Ï ·©Å·100 ÇÁ·Î±×·¥¸®ºä °ü¸®ÀÚÃßõÀÚ·á Ãʺ¸°¡À̵å
Ä¿¹Â´ÏƼ
Àüü ÆîÃ帱â
Äü¸Þ´º¸µÅ© jquery , CSS , PHP , Javascript , ¹«·áÆùÆ® , ASP
»ó¼¼°Ë»ö
Ȩ > Ä¿¹Â´ÏƼ > Áú¹®°ú´äº¯ »ó¼¼º¸±â
Ä¿¹Â´ÏƼ ±¸Àα¸Á÷
»çÀÌÆ®µî·Ï
Ŭ¶ó¿ìµåű×
Javascript
PHP
HTML
ASP
mysql
css
mobile
jquery
image
slide
�޴�
������Ʈ
¸Þ´º
ÇöÀçÁ¢¼ÓÀÚ ¸í »õ·Î°íħ
°Ô½ÃÆÇŸÀÌƲ Áú¹®°ú´äº¯ / »ó¼¼º¸±â
Æ®À§ÅÍ·Î º¸³»±â
Ãßõ¼ö 200 | Á¶È¸¼ö 2,644 | µî·ÏÀÏ 2006-12-18 11:35:40

´Ð³×ÀÓ

keptto

À̸ÞÀÏ

keptto@naver.com

Á¦¸ñ

°í¼ö´Ôµé Çѹø¸¸ ºÁÁÖ¼¼¿ä.
³»¿ë

 

°í¼ö´Ôµé Á¦°¡ À̰Ͷ«¿¡ ¹«Ã´ ½Å°æÀÌ ¾²¿©¼­ ¿°Ä¡ ºÒ¹®ÇÏ°í ±ÛÀ» ³²±é´Ï´Ù.

´Ù¸¥°Ô ¾Æ´Ï°í ÷ºÎÆÄÀÏÀ» º¸½Ã¸é »óÇ°¸ñ·Ï ºÎ¸Þ´º·¹À̾ »óÇ°½ºÅ©·Ñ ºÎºÐ¿¡ ¼û¾î¹ö¸®´ÂÇö»óÀÔ´Ï´Ù.

Á¦°¡ ÀÚ¹Ù¸¦ Àß ¸ô¶ó¼­ ¾îµð¸¦ ¼öÁ¤ÇØ¾ß ÇÒÁö ¸ð¸£°Ú½À´Ï´Ù.

»óÇ°ºÎ¸Þ´º°¡ »óÇ°½ºÅ©·Ñ »ó´ÜÀ¸·Î ¿Ã¶ó¿À°Ô ÇÒ·Á¸é ¾îÄÉ ÇØ¾ß µÇ´ÂÁö¿ä..³ªÀ̸Ծî È¥ÀÚÇÒ·Á´Ï ³Ñ ¾î·Æ³×¿ä.°ü¸®ÀÚ´Ô ÀÌÇÏ °í¼ö´Ôµé ¸íÄèÇÑ ´äº¯ ºÎŹµå·Á¿ä...

 

ÀÌ°÷¿¡µµ Àִ°Š°°½À´Ï´Ù¸¸ Ȥ½Ã ¼Ò½ºµµ °°ÀÌ ¿Ã¸³´Ï´Ù..

 

   <script language=javascript>
<!--
var downLayerId;
var dropDegree = 10; //½ºÅ©·Ñ ¼Óµµ
var doDirect;
var DirectTerm = 4000; //½ºÅ©·Ñ Áö¿¬½Ã°£
var curDropIdx = 0;
       
function DirectDown()
{
        clearInterval(doDirect);
        clearInterval(downLayerId);
       
        for(i = curDropIdx ;i < document.all["DropHit"].length + curDropIdx;i++){
                document.all["DropHit"][i%document.all["DropHit"].length].style.posTop = document.all["DropHit"][i%document.all["DropHit"].length].style.posHeight * (-1*((i-curDropIdx)%document.all["DropHit"].length));
        }
        var temp = 'setInterval("DownLayer()",20)';
        downLayerId = eval(temp);
        direction = "down";
}
function DownLayer()
{
        if(document.all["DropHit"][curDropIdx].style.posTop < document.all["DropHit"][curDropIdx].style.posHeight){
                for(j = curDropIdx ;j < document.all["DropHit"].length + curDropIdx;j++){
                        document.all["DropHit"][j%document.all["DropHit"].length].style.posTop += dropDegree;
                }
        }else{
                clearInterval(downLayerId);
                for(j = curDropIdx ;j < document.all["DropHit"].length + curDropIdx;j++){
                        document.all["DropHit"][j%document.all["DropHit"].length].style.posTop = document.all["DropHit"][j%document.all["DropHit"].length].style.posHeight *((-1*((j-curDropIdx)%document.all["DropHit"].length))+1);
                }
                curDropIdx = (curDropIdx + 1) ;
                curDropIdx = curDropIdx > document.all["DropHit"].length-1 ? curDropIdx%document.all["DropHit"].length:curDropIdx;
                var temp = 'setInterval("DirectDown()",DirectTerm)';
                doDirect = eval(temp);
        }
}
function DirectUp()
{
        clearInterval(doDirect);
        clearInterval(downLayerId);
        var tempIdx = 0;
        for(i = 0;i<document.all["DropHit"].length;i++){
                tempIdx = (document.all["DropHit"].length + curDropIdx - i) %document.all["DropHit"].length;
                document.all["DropHit"][tempIdx].style.posTop = i*document.all["DropHit"][tempIdx].style.posHeight;
        }
        var temp = 'setInterval("UpLayer()",20)';
        downLayerId = eval(temp);
        direction = "up";
}
function UpLayer()
{
        var tempIdx = 0;
        if(document.all["DropHit"][curDropIdx].style.posTop < document.all["DropHit"][curDropIdx].style.posHeight && document.all["DropHit"][curDropIdx].style.posTop > document.all["DropHit"][curDropIdx].style.posHeight * (-1)){
                for(j = 0 ;j < document.all["DropHit"].length;j++){
                        tempIdx = (document.all["DropHit"].length + curDropIdx - j) %document.all["DropHit"].length;
                        document.all["DropHit"][tempIdx].style.posTop -= dropDegree;
                }
        }else{
                clearInterval(downLayerId);
                for(j = 0;j<document.all["DropHit"].length;j++){
                        tempIdx = (document.all["DropHit"].length + curDropIdx - j) % document.all["DropHit"].length;
                        document.all["DropHit"][tempIdx].style.posTop = (j-1)*(document.all["DropHit"][tempIdx].style.posHeight);
                }
                curDropIdx = (curDropIdx - 1) ;
                curDropIdx = curDropIdx < 0 ? document.all["DropHit"].length-1:curDropIdx;
                var temp = 'setInterval("DirectUp()",DirectTerm)';
                doDirect = eval(temp);
        }
}
//-->
</script>
<table border="0" cellpadding="0" cellspacing="0" width="924">
    <tr>
        <td width="924"><img src="/web/upload/hanbok_01_24.jpg" width="942" height="78" border="0"></td>
    </tr>
</table>

<table border="0" cellpadding="0" cellspacing="0" width="941">
    <tr>
        <td width="14"><img src="/web/upload/hanbok_01_25.jpg" width="14" height="313" border="0"></td>
        <td width="914" valign="top">
            <table cellspacing=0 cellpadding=0 border=0 width="914" height="313">
                <tr>
                    <td width="49" height="105">
            <div style="left:0px; overflow:hidden; width:914px; position:relative; top:0px; height:313px">
                            <div id=DropHit style="width:914px; height:313px; position:absolute; left:0px; top:15px; z-index:1; visibility:visible;">
                                <table border=0 cellpadding=0 cellspacing=0 width="914" height="313">
                                    <tr>
                                        <td><img src="/web/upload/hanbok_01a_26.jpg" width="914" height="313" border="0" usemap="#ImageMap5"></td>
                                    </tr>
                                </table>
                            </div>
               
               
                            <div id=DropHit style="width:914px; height:313px; position:absolute; left:0px; top:15px; z-index:1; visibility:visible;">
                                <table border=0 cellpadding=0 cellspacing=0 width="914" height="313">
                                    <tr>
                                        <td><img src="/web/upload/hanbok_01_26.jpg" width="914" height="313" border="0" usemap="#ImageMap6"></td>
                                    </tr>
                                </table>
                            </div>
        
        
                            <script language=javascript>
DirectDown();
            

            
                            </script>
            </div>
                    </td>
                </tr>
            </table>
        </td>
        <td width="13"><img src="/web/upload/hanbok_01_27.jpg" width="14" height="313" border="0"></td>
    </tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" width="928">
    <tr>
        <td width="928"><img src="/web/upload/hanbok_01_28.jpg" width="942" height="14" border="0"></td>
    </tr>
</table>

<map name="ImageMap5">
<area shape="rect" coords="9, 8, 212, 228" href="/front/php/product.php?product_no=59&main_cate_no=49&display_group=1" target="_self">
<area shape="rect" coords="236, 8, 439, 228" href="/front/php/product.php?product_no=65&main_cate_no=49&display_group=1" target="_self">
<area shape="rect" coords="463, 8, 666, 228" href="/front/php/product.php?product_no=66&main_cate_no=49&display_group=1" target="_self">
<area shape="rect" coords="689, 8, 911, 229" href="/front/php/product.php?product_no=67&main_cate_no=49&display_group=1" target="_self">
</map><map name="ImageMap6">

<area shape="rect" coords="9, 8, 212, 228" href="/front/php/product.php?product_no=69&main_cate_no=49&display_group=1" target="_self">
<area shape="rect" coords="239, 8, 442, 228" href="/front/php/product.php?product_no=70&main_cate_no=49&display_group=1" target="_self">
<area shape="rect" coords="470, 8, 673, 228" href="/front/php/product.php?product_no=71&main_cate_no=49&display_group=1" target="_self">
<area shape="rect" coords="701, 8, 904, 228" href="/front/php/product.php?product_no=72&main_cate_no=49&display_group=1" target="_self">
</map>

÷ºÎ ÆÄÀϸñ·Ï
ÆÄÀÏ¸í ¿ë·® ´Ù¿î¼ö µî·Ï½Ã°£
program-7038-sam.jpg 132.91 KB 157 ȸ 2006-12-18 11:35:40
Ãßõ½ºÅ©·¦¼Ò½ºº¸±â ¸ñ·Ï
°Ë¹«Ç÷½Å 2006-12-18 16:48:39
´ä±Û

À§ÀÇ ¼Ò½º¸¦ º¸´Ï z-index°¡ ´Ù 1·Î µÇ¾îÀִµ¥¿ä..
¸Þ´º ·¹À̾îÀÇ z-index¸¦ 1º¸´Ù Å«°ª.. 2³ª 3À̳ª 4µîµî..À¸·Î º¯°æÇØÁÖ½Ã¸é µÉ°Å °°½À´Ï´Ù.. ^ ^;

°Ë¹«Ç÷½Å 2006-12-18 16:52:00
´ä±Û

±Ùµ¥ Àú »óÇ°À̹ÌÁö´Â Ç÷¹½¬ ÆÄÀÏÀº ¾Æ´Ï°ÚÁÒ?;

keptto 2006-12-18 17:44:16
´ä±Û

±×¹æ¹ýÀº Çغ¸¾Ò½À´Ï´Ù¸¸ ¾ÈµÇ¼­ ±ÛÀ».;;
¾ÏÆ° ´äº¯Àº ..Âü°í·Î Ç÷¡½ÃÆÄÀÏÀº ¾Æ´Ô´Ï´Ù

°Ë¹«Ç÷½Å 2006-12-19 16:37:04
´ä±Û

»çÀÌÆ® ÁÖ¼Ò¸¦ Á» ¾Ë·ÁÁÖ¼¼¿ä ^ ^

ÀÌÀü°Ô½Ã±Û URL°ü·Ã Áú¹®ÀÔ´Ï´Ù. 2006-12-13 17:32:46
´ÙÀ½°Ô½Ã±Û Ãʺ¸ÀÚµµ Àü¹®°¡Ã³·³ À¥¼­¹ö °ü¸®ÇØÁÖ´Â Åø 2006-12-18 16:53:38