가로, 세로 롤링
로빈아빠
본문
가로, 세로 롤링
가로롤링 - 약간불안정한듯 합니다.
세로로링
가로롤링 - 약간불안정한듯 합니다.
<SCRIPT language=javascript> var sliderwidth=395; var sliderheight=132; var slidespeed=1; var slidebgcolor='#999999'; var leftrightslide=new Array(); var finalslide=''; var copyspeed=slidespeed; var iedom=document.all||document.getElementById; var actualwidth=''; var cross_slide, ns_slide; function fillup(){ if (iedom){ cross_slide=document.getElementById("_slide2"); cross_slide2=document.getElementById("_slide3"); actualwidth=cross_slide.offsetWidth; cross_slide2.style.left=actualwidth; } lefttime=setInterval("slideleft()",32); } function slideleft(){ if (iedom){ if (parseInt(cross_slide.style.left)>(actualwidth*(-1)+0)) cross_slide.style.left=parseInt(cross_slide.style.left)-copyspeed; else cross_slide.style.left=parseInt(cross_slide2.style.left)+actualwidth-3; if (parseInt(cross_slide2.style.left)>(actualwidth*(-1)+0)) cross_slide2.style.left=parseInt(cross_slide2.style.left)-copyspeed; else cross_slide2.style.left=parseInt(cross_slide.style.left)+actualwidth-3; } } </SCRIPT> <SCRIPT> function window.onload() { setTimeout("fillup()",1000); } mp_popup_open = ''; if( mp_popup_open == "T" ) { notice_popup( '', '', '', '', '', '' ); } </SCRIPT> <script> mp_popup_open = ''; if( mp_popup_open == "T" ) { notice_popup( '', '', '', '', '', '' ); } </script> <table width="665" height=20 border="0" cellspacing="0" cellpadding="0"> <tr> <td background="/web/upload/box_top.gif" align="center" style="padding-top:7px;" height="15"><img src="/web/upload/choice.gif" width="665" height="20" border="0" align="middle"></td> </tr> <tr> <td align=center style="border-width:0 1 0 1;border-color:silver;border-style:solid;"> <table border="0" cellspacing="0" cellpadding="0" width=100%> <tr> <td height=7> </td> </tr> <tr> <td> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td colspan=3><DIV onmouseover=copyspeed=0 onmouseout=copyspeed=slidespeed style="width:650px; height:200px; position:absolute; z-index:1; OVERFLOW: hidden; WIDTH: 650px; POSITION: relative; HEIGHT: 200px"> <DIV id=_slide2 style="position:absolute; left:0px; z-index:2; top: 0;"> <table width="650" border="0" cellspacing="0" cellpadding="0"> <tr bgcolor="#FFFFFF"> <td align="center" width='20%' valign="top"> <table width="100%" border="0" cellspacing="0" cellpadding="0" height="102"> <tr> <td align="center" valign="top"> <a href="/front/php/product.php?product_no=1&main_cate_no=1&display_group=2"> <img src="http://ecdemo7137.cafe24.com/web/product/tiny/ecdemo7137_1.gif" width="130" height="130" style="border:2 solid #EEEEEE" hspace=8></a> </td> </tr> <tr> <td align="center"> <table cellpadding=0 cellspacing=0 border=0> <tr> <td width=120 align="center"> <a href="/front/php/product.php?product_no=1&main_cate_no=1&display_group=2"> <font style="color:#7A777A;font-size:12;font-style:normal;font-weight:">퀼트가방</font></a> </td> </tr> </table></td> </tr> <tr> <td align="center" valign="top"> <table cellpadding=0 cellspacing=0 border=0> <tr> <td align=center width=100%><a href='javascript:image_zoom(1,1,2)'><font style="color:#474547;font-size:13;font-style:;font-weight:bold">5,000원 </font></a><img src='http://img0001.echosting.cafe24.com/front/type_b/image/common/but_bbogi.gif' border=0 align=absbottom vspace=1></td> </tr> </table> <table cellpadding=0 cellspacing=0 border=0> <tr> <td align=center width=100%><font style="color:#555555;font-size:12;font-style:normal;font-weight:">샘플</font></td> </tr> </table></td> </tr> </table></td> <td align="center" width='20%' valign="top"> <table width="100%" border="0" cellspacing="0" cellpadding="0" height="102"> <tr> <td align="center" valign="top"> <a href="/front/php/product.php?product_no=2&main_cate_no=1&display_group=2"> <img src="http://ecdemo7137.cafe24.com/web/product/tiny/ecdemo7137_1.gif" width="130" height="130" style="border:2 solid #EEEEEE" hspace=8></a> </td> </tr> <tr> <td align="center"> <table cellpadding=0 cellspacing=0 border=0> <tr> <td width=120 align="center"> <a href="/front/php/product.php?product_no=2&main_cate_no=1&display_group=2"> <FONT STYLE="color:#555555;font-size:12;font-style:normal;font-weight:">샘플상품 2</font></a> </td> </tr> </table></td> </tr> <tr> <td align="center" valign="top"> <table cellpadding=0 cellspacing=0 border=0> <tr> <td align=center width=100%><FONT STYLE="color:#FF679A;font-size:12;font-style:;font-weight:bold">10,000원 <a href='javascript:image_zoom(2,1,2)'><img src='http://img0001.echosting.cafe24.com/front/type_b/image/common/but_bbogi.gif' border=0 align=absbottom vspace=1></a></font></td> </tr> </table> <table cellpadding=0 cellspacing=0 border=0> <tr> <td align=center width=100%><FONT STYLE="color:#555555;font-size:12;font-style:normal;font-weight:">샘플</font></td> </tr> </table></td> </tr> </table></td> <td align="center" width='20%' valign="top"> <table width="100%" border="0" cellspacing="0" cellpadding="0" height="102"> <tr> <td align="center" valign="top"> <a href="/front/php/product.php?product_no=3&main_cate_no=1&display_group=2"> <img src="http://ecdemo7137.cafe24.com/web/product/tiny/ecdemo7137_1.gif" width="130" height="130" style="border:2 solid #EEEEEE" hspace=8></a> </td> </tr> <tr> <td align="center"> <table cellpadding=0 cellspacing=0 border=0> <tr> <td width=120 align="center"> <a href="/front/php/product.php?product_no=3&main_cate_no=1&display_group=2"> <FONT STYLE="color:#555555;font-size:12;font-style:normal;font-weight:">샘플상품 3</font></a> </td> </tr> </table></td> </tr> <tr> <td align="center" valign="top"> <table cellpadding=0 cellspacing=0 border=0> <tr> <td align=center width=100%><FONT STYLE="color:#FF679A;font-size:12;font-style:;font-weight:bold">15,000원 <a href='javascript:image_zoom(3,1,2)'><img src='http://img0001.echosting.cafe24.com/front/type_b/image/common/but_bbogi.gif' border=0 align=absbottom vspace=1></a></font></td> </tr> </table> <table cellpadding=0 cellspacing=0 border=0> <tr> <td align=center width=100%><FONT STYLE="color:#555555;font-size:12;font-style:normal;font-weight:">샘플</font></td> </tr> </table></td> </tr> </table></td> <td align="center" width='20%' valign="top"> <table width="100%" border="0" cellspacing="0" cellpadding="0" height="102"> <tr> <td align="center" valign="top"> <a href="/front/php/product.php?product_no=4&main_cate_no=1&display_group=2"> <img src="http://ecdemo7137.cafe24.com/web/product/tiny/ecdemo7137_1.gif" width="130" height="130" style="border:2 solid #EEEEEE" hspace=8></a> </td> </tr> <tr> <td align="center"> <table cellpadding=0 cellspacing=0 border=0> <tr> <td width=120 align="center"> <a href="/front/php/product.php?product_no=4&main_cate_no=1&display_group=2"> <FONT STYLE="color:#555555;font-size:12;font-style:normal;font-weight:">샘플상품 4</font></a> </td> </tr> </table></td> </tr> <tr> <td align="center" valign="top"> <table cellpadding=0 cellspacing=0 border=0> <tr> <td align=center width=100%><FONT STYLE="color:#FF679A;font-size:12;font-style:;font-weight:bold">20,000원 <a href='javascript:image_zoom(4,1,2)'><img src='http://img0001.echosting.cafe24.com/front/type_b/image/common/but_bbogi.gif' border=0 align=absbottom vspace=1></a></font></td> </tr> </table> <table cellpadding=0 cellspacing=0 border=0> <tr> <td align=center width=100%><FONT STYLE="color:#555555;font-size:12;font-style:normal;font-weight:">샘플</font></td> </tr> </table></td> </tr> </table></td> <td align="center" width='20%' valign="top"> <table width="100%" border="0" cellspacing="0" cellpadding="0" height="102"> <tr> <td align="center" valign="top"> <a href="/front/php/product.php?product_no=5&main_cate_no=1&display_group=2"> <img src="http://ecdemo7137.cafe24.com/web/product/tiny/ecdemo7137_1.gif" width="130" height="130" style="border:2 solid #EEEEEE" hspace=8></a> </td> </tr> <tr> <td align="center"> <table cellpadding=0 cellspacing=0 border=0> <tr> <td width=120 align="center"> <a href="/front/php/product.php?product_no=5&main_cate_no=1&display_group=2"> <FONT STYLE="color:#555555;font-size:12;font-style:normal;font-weight:">샘플상품 5</font></a> </td> </tr> </table></td> </tr> <tr> <td align="center" valign="top"> <table cellpadding=0 cellspacing=0 border=0> <tr> <td align=center width=100%><FONT STYLE="color:#FF679A;font-size:12;font-style:;font-weight:bold">25,000원 <a href='javascript:image_zoom(5,1,2)'><img src='http://img0001.echosting.cafe24.com/front/type_b/image/common/but_bbogi.gif' border=0 align=absbottom vspace=1></a></font></td> </tr> </table> <table cellpadding=0 cellspacing=0 border=0> <tr> <td align=center width=100%><FONT STYLE="color:#555555;font-size:12;font-style:normal;font-weight:">샘플</font></td> </tr> </table></td> </tr> </table></td> <td align="center" width='20%' valign="top"> <table width="100%" border="0" cellspacing="0" cellpadding="0" height="102"> <tr> <td align="center" valign="top"> <a href="/front/php/product.php?product_no=6&main_cate_no=1&display_group=2"> <img src="http://ecdemo7137.cafe24.com/web/product/tiny/ecdemo7137_1.gif" width="130" height="130" style="border:2 solid #EEEEEE" hspace=8></a> </td> </tr> <tr> <td align="center"> <table cellpadding=0 cellspacing=0 border=0> <tr> <td width=120 align="center"> <a href="/front/php/product.php?product_no=6&main_cate_no=1&display_group=2"> <FONT STYLE="color:#555555;font-size:12;font-style:normal;font-weight:">샘플상품 6</font></a> </td> </tr> </table></td> </tr> <tr> <td align="center" valign="top"> <table cellpadding=0 cellspacing=0 border=0> <tr> <td align=center width=100%><FONT STYLE="color:#FF679A;font-size:12;font-style:;font-weight:bold">30,000원 <a href='javascript:image_zoom(6,1,2)'><img src='http://img0001.echosting.cafe24.com/front/type_b/image/common/but_bbogi.gif' border=0 align=absbottom vspace=1></a></font></td> </tr> </table> <table cellpadding=0 cellspacing=0 border=0> <tr> <td align=center width=100%><FONT STYLE="color:#555555;font-size:12;font-style:normal;font-weight:">샘플</font></td> </tr> </table></td> </tr> </table></td> <td align="center" width='20%' valign="top"> <table width="100%" border="0" cellspacing="0" cellpadding="0" height="102"> <tr> <td align="center" valign="top"> <a href="/front/php/product.php?product_no=7&main_cate_no=1&display_group=2"> <img src="http://ecdemo7137.cafe24.com/web/product/tiny/ecdemo7137_1.gif" width="130" height="130" style="border:2 solid #EEEEEE" hspace=8></a> </td> </tr> <tr> <td align="center"> <table cellpadding=0 cellspacing=0 border=0> <tr> <td width=120 align="center"> <a href="/front/php/product.php?product_no=7&main_cate_no=1&display_group=2"> <FONT STYLE="color:#555555;font-size:12;font-style:normal;font-weight:">샘플상품 7</font></a> </td> </tr> </table></td> </tr> <tr> <td align="center" valign="top"> <table cellpadding=0 cellspacing=0 border=0> <tr> <td align=center width=100%><FONT STYLE="color:#FF679A;font-size:12;font-style:;font-weight:bold">35,000원 <a href='javascript:image_zoom(7,1,2)'><img src='http://img0001.echosting.cafe24.com/front/type_b/image/common/but_bbogi.gif' border=0 align=absbottom vspace=1></a></font></td> </tr> </table> <table cellpadding=0 cellspacing=0 border=0> <tr> <td align=center width=100%><FONT STYLE="color:#555555;font-size:12;font-style:normal;font-weight:">샘플</font></td> </tr> </table></td> </tr> </table></td> <td align="center" width='20%' valign="top"> <table width="100%" border="0" cellspacing="0" cellpadding="0" height="102"> <tr> <td align="center" valign="top"> <a href="/front/php/product.php?product_no=8&main_cate_no=1&display_group=2"> <img src="http://ecdemo7137.cafe24.com/web/product/tiny/ecdemo7137_1.gif" width="130" height="130" style="border:2 solid #EEEEEE" hspace=8></a> </td> </tr> <tr> <td align="center"> <table cellpadding=0 cellspacing=0 border=0> <tr> <td width=120 align="center"> <a href="/front/php/product.php?product_no=8&main_cate_no=1&display_group=2"> <FONT STYLE="color:#555555;font-size:12;font-style:normal;font-weight:">샘플상품 8</font></a> </td> </tr> </table></td> </tr> <tr> <td align="center" valign="top"> <table cellpadding=0 cellspacing=0 border=0> <tr> <td align=center width=100%><FONT STYLE="color:#FF679A;font-size:12;font-style:;font-weight:bold">40,000원 <a href='javascript:image_zoom(8,1,2)'><img src='http://img0001.echosting.cafe24.com/front/type_b/image/common/but_bbogi.gif' border=0 align=absbottom vspace=1></a></font></td> </tr> </table> <table cellpadding=0 cellspacing=0 border=0> <tr> <td align=center width=100%><FONT STYLE="color:#555555;font-size:12;font-style:normal;font-weight:">샘플</font></td> </tr> </table></td> </tr> </table></td> </table> </div> <DIV id=_slide3 style="position:absolute; left:0px; z-index:3; top: 0;"> <table width="650" border="0" cellspacing="0" cellpadding="0"> <tr bgcolor="#FFFFFF"> <td align="center" width='20%' valign="top"> <table width="100%" border="0" cellspacing="0" cellpadding="0" height="102"> <tr> <td align="center" valign="top"> <a href="/front/php/product.php?product_no=1&main_cate_no=1&display_group=2"> <img src="http://ecdemo7137.cafe24.com/web/product/tiny/ecdemo7137_1.gif" width="130" height="130" style="border:2 solid #EEEEEE" hspace=8></a> </td> </tr> <tr> <td align="center"> <table cellpadding=0 cellspacing=0 border=0> <tr> <td width=120 align="center"> <a href="/front/php/product.php?product_no=1&main_cate_no=1&display_group=2"> <FONT STYLE="color:#555555;font-size:12;font-style:normal;font-weight:">샘플상품 1</font></a> </td> </tr> </table></td> </tr> <tr> <td align="center" valign="top"> <table cellpadding=0 cellspacing=0 border=0> <tr> <td align=center width=100%><FONT STYLE="color:#FF679A;font-size:12;font-style:;font-weight:bold">5,000원 <a href='javascript:image_zoom(1,1,2)'><img src='http://img0001.echosting.cafe24.com/front/type_b/image/common/but_bbogi.gif' border=0 align=absbottom vspace=1></a></font></td> </tr> </table> <table cellpadding=0 cellspacing=0 border=0> <tr> <td align=center width=100%><FONT STYLE="color:#555555;font-size:12;font-style:normal;font-weight:">샘플</font></td> </tr> </table></td> </tr> </table></td> <td align="center" width='20%' valign="top"> <table width="100%" border="0" cellspacing="0" cellpadding="0" height="102"> <tr> <td align="center" valign="top"> <a href="/front/php/product.php?product_no=2&main_cate_no=1&display_group=2"> <img src="http://ecdemo7137.cafe24.com/web/product/tiny/ecdemo7137_2.gif" width="130" height="130" style="border:2 solid #EEEEEE" hspace=8></a> </td> </tr> <tr> <td align="center"> <table cellpadding=0 cellspacing=0 border=0> <tr> <td width=120 align="center"> <a href="/front/php/product.php?product_no=2&main_cate_no=1&display_group=2"> <FONT STYLE="color:#555555;font-size:12;font-style:normal;font-weight:">샘플상품 2</font></a> </td> </tr> </table></td> </tr> <tr> <td align="center" valign="top"> <table cellpadding=0 cellspacing=0 border=0> <tr> <td align=center width=100%><FONT STYLE="color:#FF679A;font-size:12;font-style:;font-weight:bold">10,000원 <a href='javascript:image_zoom(2,1,2)'><img src='http://img0001.echosting.cafe24.com/front/type_b/image/common/but_bbogi.gif' border=0 align=absbottom vspace=1></a></font></td> </tr> </table> <table cellpadding=0 cellspacing=0 border=0> <tr> <td align=center width=100%><FONT STYLE="color:#555555;font-size:12;font-style:normal;font-weight:">샘플</font></td> </tr> </table></td> </tr> </table></td> <td align="center" width='20%' valign="top"> <table width="100%" border="0" cellspacing="0" cellpadding="0" height="102"> <tr> <td align="center" valign="top"> <a href="/front/php/product.php?product_no=3&main_cate_no=1&display_group=2"> <img src="http://ecdemo7137.cafe24.com/web/product/tiny/ecdemo7137_1.gif" width="130" height="130" style="border:2 solid #EEEEEE" hspace=8></a> </td> </tr> <tr> <td align="center"> <table cellpadding=0 cellspacing=0 border=0> <tr> <td width=120 align="center"> <a href="/front/php/product.php?product_no=3&main_cate_no=1&display_group=2"> <FONT STYLE="color:#555555;font-size:12;font-style:normal;font-weight:">샘플상품 3</font></a> </td> </tr> </table></td> </tr> <tr> <td align="center" valign="top"> <table cellpadding=0 cellspacing=0 border=0> <tr> <td align=center width=100%><FONT STYLE="color:#FF679A;font-size:12;font-style:;font-weight:bold">15,000원 <a href='javascript:image_zoom(3,1,2)'><img src='http://img0001.echosting.cafe24.com/front/type_b/image/common/but_bbogi.gif' border=0 align=absbottom vspace=1></a></font></td> </tr> </table> <table cellpadding=0 cellspacing=0 border=0> <tr> <td align=center width=100%><FONT STYLE="color:#555555;font-size:12;font-style:normal;font-weight:">샘플</font></td> </tr> </table></td> </tr> </table></td> <td align="center" width='20%' valign="top"> <table width="100%" border="0" cellspacing="0" cellpadding="0" height="102"> <tr> <td align="center" valign="top"> <a href="/front/php/product.php?product_no=4&main_cate_no=1&display_group=2"> <img src="http://ecdemo7137.cafe24.com/web/product/tiny/ecdemo7137_1.gif" width="130" height="130" style="border:2 solid #EEEEEE" hspace=8></a> </td> </tr> <tr> <td align="center"> <table cellpadding=0 cellspacing=0 border=0> <tr> <td width=120 align="center"> <a href="/front/php/product.php?product_no=4&main_cate_no=1&display_group=2"> <FONT STYLE="color:#555555;font-size:12;font-style:normal;font-weight:">샘플상품 4</font></a> </td> </tr> </table></td> </tr> <tr> <td align="center" valign="top"> <table cellpadding=0 cellspacing=0 border=0> <tr> <td align=center width=100%><FONT STYLE="color:#FF679A;font-size:12;font-style:;font-weight:bold">20,000원 <a href='javascript:image_zoom(4,1,2)'><img src='http://img0001.echosting.cafe24.com/front/type_b/image/common/but_bbogi.gif' border=0 align=absbottom vspace=1></a></font></td> </tr> </table> <table cellpadding=0 cellspacing=0 border=0> <tr> <td align=center width=100%><FONT STYLE="color:#555555;font-size:12;font-style:normal;font-weight:">샘플</font></td> </tr> </table></td> </tr> </table></td> <td align="center" width='20%' valign="top"> <table width="100%" border="0" cellspacing="0" cellpadding="0" height="102"> <tr> <td align="center" valign="top"> <a href="/front/php/product.php?product_no=5&main_cate_no=1&display_group=2"> <img src="http://ecdemo7137.cafe24.com/web/product/tiny/ecdemo7137_1.gif" width="130" height="130" style="border:2 solid #EEEEEE" hspace=8></a> </td> </tr> <tr> <td align="center"> <table cellpadding=0 cellspacing=0 border=0> <tr> <td width=120 align="center"> <a href="/front/php/product.php?product_no=5&main_cate_no=1&display_group=2"> <FONT STYLE="color:#555555;font-size:12;font-style:normal;font-weight:">샘플상품 5</font></a> </td> </tr> </table></td> </tr> <tr> <td align="center" valign="top"> <table cellpadding=0 cellspacing=0 border=0> <tr> <td align=center width=100%><FONT STYLE="color:#FF679A;font-size:12;font-style:;font-weight:bold">25,000원 <a href='javascript:image_zoom(5,1,2)'><img src='http://img0001.echosting.cafe24.com/front/type_b/image/common/but_bbogi.gif' border=0 align=absbottom vspace=1></a></font></td> </tr> </table> <table cellpadding=0 cellspacing=0 border=0> <tr> <td align=center width=100%><FONT STYLE="color:#555555;font-size:12;font-style:normal;font-weight:">샘플</font></td> </tr> </table></td> </tr> </table></td> <td align="center" width='20%' valign="top"> <table width="100%" border="0" cellspacing="0" cellpadding="0" height="102"> <tr> <td align="center" valign="top"> <a href="/front/php/product.php?product_no=6&main_cate_no=1&display_group=2"> <img src="http://ecdemo7137.cafe24.com/web/product/tiny/ecdemo7137_1.gif" width="130" height="130" style="border:2 solid #EEEEEE" hspace=8></a> </td> </tr> <tr> <td align="center"> <table cellpadding=0 cellspacing=0 border=0> <tr> <td width=120 align="center"> <a href="/front/php/product.php?product_no=6&main_cate_no=1&display_group=2"> <FONT STYLE="color:#555555;font-size:12;font-style:normal;font-weight:">샘플상품 6</font></a> </td> </tr> </table></td> </tr> <tr> <td align="center" valign="top"> <table cellpadding=0 cellspacing=0 border=0> <tr> <td align=center width=100%><FONT STYLE="color:#FF679A;font-size:12;font-style:;font-weight:bold">30,000원 <a href='javascript:image_zoom(6,1,2)'><img src='http://img0001.echosting.cafe24.com/front/type_b/image/common/but_bbogi.gif' border=0 align=absbottom vspace=1></a></font></td> </tr> </table> <table cellpadding=0 cellspacing=0 border=0> <tr> <td align=center width=100%><FONT STYLE="color:#555555;font-size:12;font-style:normal;font-weight:">샘플</font></td> </tr> </table></td> </tr> </table></td> <td align="center" width='20%' valign="top"> <table width="100%" border="0" cellspacing="0" cellpadding="0" height="102"> <tr> <td align="center" valign="top"> <a href="/front/php/product.php?product_no=7&main_cate_no=1&display_group=2"> <img src="http://ecdemo7137.cafe24.com/web/product/tiny/ecdemo7137_1.gif" width="130" height="130" style="border:2 solid #EEEEEE" hspace=8></a> </td> </tr> <tr> <td align="center"> <table cellpadding=0 cellspacing=0 border=0> <tr> <td width=120 align="center"> <a href="/front/php/product.php?product_no=7&main_cate_no=1&display_group=2"> <FONT STYLE="color:#555555;font-size:12;font-style:normal;font-weight:">샘플상품 7</font></a> </td> </tr> </table></td> </tr> <tr> <td align="center" valign="top"> <table cellpadding=0 cellspacing=0 border=0> <tr> <td align=center width=100%><FONT STYLE="color:#FF679A;font-size:12;font-style:;font-weight:bold">35,000원 <a href='javascript:image_zoom(7,1,2)'><img src='http://img0001.echosting.cafe24.com/front/type_b/image/common/but_bbogi.gif' border=0 align=absbottom vspace=1></a></font></td> </tr> </table> <table cellpadding=0 cellspacing=0 border=0> <tr> <td align=center width=100%><FONT STYLE="color:#555555;font-size:12;font-style:normal;font-weight:">샘플</font></td> </tr> </table></td> </tr> </table></td> <td align="center" width='20%' valign="top"> <table width="100%" border="0" cellspacing="0" cellpadding="0" height="102"> <tr> <td align="center" valign="top"> <a href="/front/php/product.php?product_no=8&main_cate_no=1&display_group=2"> <img src="http://ecdemo7137.cafe24.com/web/product/tiny/ecdemo7137_1.gif" width="130" height="130" style="border:2 solid #EEEEEE" hspace=8></a> </td> </tr> <tr> <td align="center"> <table cellpadding=0 cellspacing=0 border=0> <tr> <td width=120 align="center"> <a href="/front/php/product.php?product_no=8&main_cate_no=1&display_group=2"> <FONT STYLE="color:#555555;font-size:12;font-style:normal;font-weight:">샘플상품 8</font></a> </td> </tr> </table></td> </tr> <tr> <td align="center" valign="top"> <table cellpadding=0 cellspacing=0 border=0> <tr> <td align=center width=100%><FONT STYLE="color:#FF679A;font-size:12;font-style:;font-weight:bold">40,000원 <a href='javascript:image_zoom(8,1,2)'><img src='http://img0001.echosting.cafe24.com/front/type_b/image/common/but_bbogi.gif' border=0 align=absbottom vspace=1></a></font></td> </tr> </table> <table cellpadding=0 cellspacing=0 border=0> <tr> <td align=center width=100%><FONT STYLE="color:#555555;font-size:12;font-style:normal;font-weight:">샘플</font></td> </tr> </table></td> </tr> </table></td> </table> </div></div></td> </tr> <tr> <td colspan=3 width=1 bgcolor=#FFFFFF> </td> </tr> </table> </td></tr> </table></TD></TR></TABLE>
세로로링
<script language="JavaScript"> <!-- var banner_1_mouseEvent = 1; // banner_roll("div태그 id", 배너1개높이, 딜레이, 1칸이동속도, 0); function banner_roll(div_id, banner_height, banner_delay, banner_speed, this_height){ if (eval(div_id + "_mouseEvent")) { var div_tag = document.getElementById(div_id); var a_tag, i; this_height++; if (this_height < banner_height) { div_tag.style.top = -this_height; setTimeout("banner_roll('" + div_id + "', " + banner_height + ", " + banner_delay + ", " + banner_speed + ", " + this_height + ");", banner_speed); } else { a_tag = div_tag.getElementsByTagName("TABLE"); div_tag.appendChild(a_tag[0]); div_tag.style.top = 0; setTimeout("banner_roll('" + div_id + "', " + banner_height + ", " + banner_delay + ", " + banner_speed + ", 0);", banner_delay); } } else{ setTimeout("banner_roll('" + div_id + "', " + banner_height + ", " + banner_delay + ", " + banner_speed + ", " + this_height + ");", banner_speed); } return true; } //--> </script> <div style="position:absolute;top:20px;left:100px;width:240px;height:168px;overflow:hidden;" onMouseover="banner_1_mouseEvent=0" onMouseout="banner_1_mouseEvent=1"> <div style="position:relative;" id="banner_1"> <table width=240 cellpadding=0 cellspacing=0 border=0> <tr height=170> <td align=center>TEST<BR>TEST TEXT<BR>GOGO!<BR></td> </tr> </table> <table width=240 cellpadding=0 cellspacing=0 border=0> <tr height=170> <td align=center>TEST<BR>TEST TEXT<BR>GOGO!<BR></td> </tr> </table> <table width=240 cellpadding=0 cellspacing=0 border=0> <tr height=170> <td align=center>TEST<BR>TEST TEXT<BR>GOGO!<BR></td> </tr> </table> <table width=240 cellpadding=0 cellspacing=0 border=0> <tr height=170> <td align=center>TEST<BR>TEST TEXT<BR>GOGO!<BR></td> </tr> </table> <table width=240 cellpadding=0 cellspacing=0 border=0> <tr height=170> <td align=center>TEST<BR>TEST TEXT<BR>GOGO!<BR></td> </tr> </table> </div> </div> <script>banner_roll("banner_1", 170, 3000, 5, 510);</script> <script language="JavaScript"> <!-- var banner_1_mouseEvent = 1; var banner_2_mouseEvent = 1; // banner_roll("div태그 id", 배너1개높이, 딜레이, 1칸이동속도, 0); function banner_roll(div_id, banner_height, banner_delay, banner_speed, this_height){ if (eval(div_id + "_mouseEvent")) { var div_tag = document.getElementById(div_id); var a_tag, i; this_height++; if (this_height < banner_height) { div_tag.style.top = -this_height; setTimeout("banner_roll('" + div_id + "', " + banner_height + ", " + banner_delay + ", " + banner_speed + ", " + this_height + ");", banner_speed); } else { a_tag = div_tag.getElementsByTagName("TABLE"); div_tag.appendChild(a_tag[0]); div_tag.style.top = 0; setTimeout("banner_roll('" + div_id + "', " + banner_height + ", " + banner_delay + ", " + banner_speed + ", 0);", banner_delay); } } else{ setTimeout("banner_roll('" + div_id + "', " + banner_height + ", " + banner_delay + ", " + banner_speed + ", " + this_height + ");", banner_speed); } return true; } //--> </script> <div style="position:absolute;top:20px;left:360px;width:240px;height:168px;overflow:hidden;" onMouseover="banner_2_mouseEvent=0" onMouseout="banner_2_mouseEvent=1"> <div style="position:relative;" id="banner_2"> <table width=240 cellpadding=0 cellspacing=0 border=0> <tr height=170> <td align=center>TEST<BR>TEST TEXT<BR>GOGO!<BR></td> </tr> </table> <table width=240 cellpadding=0 cellspacing=0 border=0> <tr height=170> <td align=center>TEST<BR>TEST TEXT<BR>GOGO!<BR></td> </tr> </table> <table width=240 cellpadding=0 cellspacing=0 border=0> <tr height=170> <td align=center>TEST<BR>TEST TEXT<BR>GOGO!<BR></td> </tr> </table> <table width=240 cellpadding=0 cellspacing=0 border=0> <tr height=170> <td align=center>TEST<BR>TEST TEXT<BR>GOGO!<BR></td> </tr> </table> <table width=240 cellpadding=0 cellspacing=0 border=0> <tr height=170> <td align=center>TEST<BR>TEST TEXT<BR>GOGO!<BR></td> </tr> </table> </div> </div> <script>banner_roll("banner_2", 170, 3000, 5, 510);</script>
관련링크
댓글목록
최하늘님의 댓글
최하늘 작성일
제가 게시판에 최근 글을 3개 정도만 세로 롤링으로 메인에 넣으려고 하는데요
이소스를 보고 참고하여하니 처음꺼만 멈추구 나머지는 빠를게 롤링이 되세요 ㅠㅠ
하나하나 멈추고 하는 것은 할수 없나요??