°í¼ö´Ôµé Á¦°¡ À̰Ͷ«¿¡ ¹«Ã´ ½Å°æÀÌ ¾²¿©¼ ¿°Ä¡ ºÒ¹®ÇÏ°í ±ÛÀ» ³²±é´Ï´Ù.
´Ù¸¥°Ô ¾Æ´Ï°í ÷ºÎÆÄÀÏÀ» º¸½Ã¸é »óÇ°¸ñ·Ï ºÎ¸Þ´º·¹À̾ »óÇ°½ºÅ©·Ñ ºÎºÐ¿¡ ¼û¾î¹ö¸®´ÂÇö»óÀÔ´Ï´Ù.
Á¦°¡ ÀÚ¹Ù¸¦ Àß ¸ô¶ó¼ ¾îµð¸¦ ¼öÁ¤ÇØ¾ß ÇÒÁö ¸ð¸£°Ú½À´Ï´Ù.
»óÇ°ºÎ¸Þ´º°¡ »óÇ°½ºÅ©·Ñ »ó´ÜÀ¸·Î ¿Ã¶ó¿À°Ô ÇÒ·Á¸é ¾îÄÉ ÇØ¾ß µÇ´ÂÁö¿ä..³ªÀ̸Ծî È¥ÀÚÇÒ·Á´Ï ³Ñ ¾î·Æ³×¿ä.°ü¸®ÀÚ´Ô ÀÌÇÏ °í¼ö´Ôµé ¸íÄèÇÑ ´äº¯ ºÎŹµå·Á¿ä...
ÀÌ°÷¿¡µµ Àִ°Š°°½À´Ï´Ù¸¸ Ȥ½Ã ¼Ò½ºµµ °°ÀÌ ¿Ã¸³´Ï´Ù..
<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>
|