 |
|
| |
|
  |
11년 전
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=euc-kr" />
<link type="text/css" rel="stylesheet" href="style.css" />
<title></title>
<script language="JavaScript">
function bluring(){
if(event.srcElement.tagName=="A"||event.srcElement.tagName=="IMG")
document.body.focus();
}
document.onfocusin=bluring;
</script>
<script language=javascript>
<!--
var downLayerId;
var dropDegree = 10; //스크롤 속도
var doDirect;
var DirectTerm = 3000; //스크롤 지연시간
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>
<script language=javascript>
<!--
var downLayerId2;
var dropDegree2 = 10; //스크롤 속도
var doDirect2;
var DirectTerm2 = 3000; //스크롤 지연시간
var curDropIdx2 = 0;
function DirectDown2()
{
clearInterval(doDirect2);
clearInterval(downLayerId2);
for(i = curDropIdx2 ;i < document.all["DropHit2"].length + curDropIdx2;i++){
document.all["DropHit2"][i%document.all["DropHit2"].length].style.posTop = document.all["DropHit2"][i%document.all["DropHit2"].length].style.posHeight * (-1*((i-curDropIdx2)%document.all["DropHit2"].length));
}
var temp = 'setInterval("DownLayer2()",20)';
downLayerId2 = eval(temp);
direction = "down";
}
function DownLayer2()
{
if(document.all["DropHit2"][curDropIdx2].style.posTop < document.all["DropHit2"][curDropIdx2].style.posHeight){
for(j = curDropIdx2 ;j < document.all["DropHit2"].length + curDropIdx2;j++){
document.all["DropHit2"][j%document.all["DropHit2"].length].style.posTop += dropDegree2;
}
}else{
clearInterval(downLayerId2);
for(j = curDropIdx2 ;j < document.all["DropHit2"].length + curDropIdx2;j++){
document.all["DropHit2"][j%document.all["DropHit2"].length].style.posTop = document.all["DropHit2"][j%document.all["DropHit2"].length].style.posHeight *((-1*((j-curDropIdx2)%document.all["DropHit2"].length))+1);
}
curDropIdx2 = (curDropIdx2 + 1) ;
curDropIdx2 = curDropIdx2 > document.all["DropHit2"].length-1 ? curDropIdx2%document.all["DropHit2"].length:curDropIdx2;
var temp = 'setInterval("DirectDown2()",DirectTerm2)';
doDirect2 = eval(temp);
}
}
function DirectUp2()
{
clearInterval(doDirect2);
clearInterval(downLayerId2);
var tempIdx = 0;
for(i = 0;i<document.all["DropHit2"].length;i++){
tempIdx = (document.all["DropHit2"].length + curDropIdx2 - i) %document.all["DropHit2"].length;
document.all["DropHit2"][tempIdx].style.posTop = i*document.all["DropHit2"][tempIdx].style.posHeight;
}
var temp = 'setInterval("UpLayer2()",20)';
downLayerId2 = eval(temp);
direction = "up";
}
function UpLayer2()
{
var tempIdx = 0;
if(document.all["DropHit2"][curDropIdx2].style.posTop < document.all["DropHit2"][curDropIdx2].style.posHeight && document.all["DropHit2"][curDropIdx2].style.posTop > document.all["DropHit2"][curDropIdx2].style.posHeight * (-1)){
for(j = 0 ;j < document.all["DropHit2"].length;j++){
tempIdx = (document.all["DropHit2"].length + curDropIdx2 - j) %document.all["DropHit2"].length;
document.all["DropHit2"][tempIdx].style.posTop -= dropDegree2;
}
}else{
clearInterval(downLayerId2);
for(j = 0;j<document.all["DropHit2"].length;j++){
tempIdx = (document.all["DropHit2"].length + curDropIdx2 - j) % document.all["DropHit2"].length;
document.all["DropHit2"][tempIdx].style.posTop = (j-1)*(document.all["DropHit2"][tempIdx].style.posHeight);
}
curDropIdx2 = (curDropIdx2 - 1) ;
curDropIdx2 = curDropIdx2 < 0 ? document.all["DropHit2"].length-1:curDropIdx2;
var temp = 'setInterval("DirectUp2()",DirectTerm2)';
doDirect2 = eval(temp);
}
}
//-->
</script>
</head>
<body>
<table width="477" border="0" cellpadding="0" cellspacing="0" style="margin:0 20px;">
<tr>
<td width="225"><!-- 최신상품 -->
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td><img src="http://eujin.kr/test/banner1/tit_new.gif" /></td>
<td align="right" valign="bottom"><img src="http://eujin.kr/test/banner1/more.gif" /></td>
</tr>
<tr>
<td colspan="2" class="pt10"><!--롤링시작-->
<table width="225" height="165" border="0" cellpadding="0" cellspacing="0" style="background-color:#edeff3; border:1px solid #d4d9e3;">
<tr>
<td align="right" style="padding-right:40px;"><a href="javascript:DirectUp()"><img border="0" src="http://eujin.kr/test/banner1/bt_up.gif" /></a></td>
</tr>
<tr>
<td width="225" height="134"><div style="left:0px; overflow:hidden; width:225px; position:relative; top:0px; height:134px">
<div id="DropHit" style="width:225px; height:67px; padding:6px 0; position:absolute; left:0px; top:0px; z-index:1; visibility:visible;">
<table border="0" cellpadding="0" cellspacing="0" width="200" align="center" height="55">
<tr>
<td rowspan="2" width="90" height="55" style="border:1px solid #d4d9e3;"><img src="http://eujin.kr/test/banner1/p_1.gif" width="90" height="55" /></td>
<td class="pl10" style="font-size:11px; font-weight:bold;">
상품명1</td>
</tr>
<tr>
<td class="pl10" style="font-size:11px; line-height:14px;">
상품상세설명 상품상세설명 상품..</td>
</tr>
</table>
</div>
<div id="DropHit" style="width:225px; height:67px; padding:3px 0; position:absolute; left:0px; top:-60px; z-index:1; visibility:visible;">
<table border="0" cellpadding="0" cellspacing="0" width="200" align="center" height="55">
<tr>
<td rowspan="2" width="90" height="55" style="border:1px solid #d4d9e3;"><img src="http://eujin.kr/test/banner1/p_1.gif" width="90" height="55" /></td>
<td class="pl10" style="font-size:11px; font-weight:bold;">
상품명2</td>
</tr>
<tr>
<td class="pl10" style="font-size:11px; line-height:14px;">
상품상세설명 상품상세설명 상품..</td>
</tr>
</table>
</div>
<div id="DropHit" style="width:225px; height:67px; padding:6px 0; position:absolute; left:0px; top:-120px; z-index:1; visibility:visible;">
<table border="0" cellpadding="0" cellspacing="0" width="200" align="center" height="55">
<tr>
<td rowspan="2" width="90" height="55" style="border:1px solid #d4d9e3;"><img src="http://eujin.kr/test/banner1/p_1.gif" width="90" height="55" /></td>
<td class="pl10" style="font-size:11px; font-weight:bold;">
상품명3</td>
</tr>
<tr>
<td class="pl10" style="font-size:11px; line-height:14px;">
상품상세설명 상품상세설명 상품..</td>
</tr>
</table>
</div>
<div id="DropHit" style="width:225px; height:67px; padding:6px 0; position:absolute; left:0px; top:-180px; z-index:1; visibility:visible;">
<table border="0" cellpadding="0" cellspacing="0" width="200" align="center" height="55">
<tr>
<td rowspan="2" width="90" height="55" style="border:1px solid #d4d9e3;"><img src="http://eujin.kr/test/banner1/p_1.gif" width="90" height="55" /></td>
<td class="pl10" style="font-size:11px; font-weight:bold;">
상품명4</td>
</tr>
<tr>
<td class="pl10" style="font-size:11px; line-height:14px;">
상품상세설명 상품상세설명 상품..</td>
</tr>
</table>
</div>
<div id="DropHit" style="width:225px; height:67px; padding:6px 0; position:absolute; left:0px; top:-240px; z-index:1; visibility:visible;">
<table border="0" cellpadding="0" cellspacing="0" width="200" align="center" height="55">
<tr>
<td rowspan="2" width="90" height="55" style="border:1px solid #d4d9e3;"><img src="http://eujin.kr/test/banner1/p_1.gif" width="90" height="55" /></td>
<td class="pl10" style="font-size:11px; font-weight:bold;">
상품명5</td>
</tr>
<tr>
<td class="pl10" style="font-size:11px; line-height:14px;">
상품상세설명 상품상세설명 상품..</td>
</tr>
</table>
</div>
<script language=javascript>DirectDown();</script>
</div></td>
</tr>
<tr>
<td align="right" style="padding-right:40px;"><a href="javascript:DirectDown()"><img border="0" src="http://eujin.kr/test/banner1/bt_down.gif" /></a></td>
</tr>
</table>
<!--롤링끝--></td>
</tr>
</table>
<!-- 최신상품끝 --></td>
<td width="27"></td>
<td width="225"><!-- 인기상품 -->
<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align=""><img src="http://eujin.kr/test/banner1/tit_best.gif" /></td>
<td align="right" valign="bottom"><img src="http://eujin.kr/test/banner1/more.gif" /></td>
</tr>
<tr>
<td colspan="2" class="pt10"><!--롤링시작-->
<table width="225" height="165" border="0" cellpadding="0" cellspacing="0" style="background-color:#edeff3; border:1px solid #d4d9e3;">
<tr>
<td align="right" style="padding-right:40px;"><a href="javascript:DirectUp2()"><img border="0" src="http://eujin.kr/test/banner1/bt_up.gif" /></a></td>
</tr>
<tr>
<td width="225" height="134"><div style="left:0px; overflow:hidden; width:225px; position:relative; top:0px; height:134px">
<div id="DropHit2" style="width:225px; height:67px; padding:6px 0; position:absolute; left:0px; top:0px; z-index:1; visibility:visible;">
<table border="0" cellpadding="0" cellspacing="0" width="200" align="center" height="55">
<tr>
<td rowspan="2" width="90" height="55" style="border:1px solid #d4d9e3;"><img src="http://eujin.kr/test/banner1/p_1.gif" width="90" height="55" /></td>
<td class="pl10" style="font-size:11px; font-weight:bold;">
상품명1</td>
</tr>
<tr>
<td class="pl10" style="font-size:11px; line-height:14px;">
상품상세설명 상품상세설명 상품..</td>
</tr>
</table>
</div>
<div id="DropHit2" style="width:225px; height:67px; padding:3px 0; position:absolute; left:0px; top:-60px; z-index:1; visibility:visible;">
<table border="0" cellpadding="0" cellspacing="0" width="200" align="center" height="55">
<tr>
<td rowspan="2" width="90" height="55" style="border:1px solid #d4d9e3;"><img src="http://eujin.kr/test/banner1/p_1.gif" width="90" height="55" /></td>
<td class="pl10" style="font-size:11px; font-weight:bold;">
상품명2</td>
</tr>
<tr>
<td class="pl10" style="font-size:11px; line-height:14px;">
상품상세설명 상품상세설명 상품..</td>
</tr>
</table>
</div>
<div id="DropHit2" style="width:225px; height:67px; padding:6px 0; position:absolute; left:0px; top:-120px; z-index:1; visibility:visible;">
<table border="0" cellpadding="0" cellspacing="0" width="200" align="center" height="55">
<tr>
<td rowspan="2" width="90" height="55" style="border:1px solid #d4d9e3;"><img src="http://eujin.kr/test/banner1/p_1.gif" width="90" height="55" /></td>
<td class="pl10" style="font-size:11px; font-weight:bold;">
상품명3</td>
</tr>
<tr>
<td class="pl10" style="font-size:11px; line-height:14px;">
상품상세설명 상품상세설명 상품..</td>
</tr>
</table>
</div>
<div id="DropHit2" style="width:225px; height:67px; padding:6px 0; position:absolute; left:0px; top:-180px; z-index:1; visibility:visible;">
<table border="0" cellpadding="0" cellspacing="0" width="200" align="center" height="55">
<tr>
<td rowspan="2" width="90" height="55" style="border:1px solid #d4d9e3;"><img src="http://eujin.kr/test/banner1/p_1.gif" width="90" height="55" /></td>
<td class="pl10" style="font-size:11px; font-weight:bold;">
상품명4</td>
</tr>
<tr>
<td class="pl10" style="font-size:11px; line-height:14px;">
상품상세설명 상품상세설명 상품..</td>
</tr>
</table>
</div>
<div id="DropHit2" style="width:225px; height:67px; padding:6px 0; position:absolute; left:0px; top:-240px; z-index:1; visibility:visible;">
<table border="0" cellpadding="0" cellspacing="0" width="200" align="center" height="55">
<tr>
<td rowspan="2" width="90" height="55" style="border:1px solid #d4d9e3;"><img src="http://eujin.kr/test/banner1/p_1.gif" width="90" height="55" /></td>
<td class="pl10" style="font-size:11px; font-weight:bold;">
상품명5</td>
</tr>
<tr>
<td class="pl10" style="font-size:11px; line-height:14px;">
상품상세설명 상품상세설명 상품..</td>
</tr>
</table>
</div>
<script language=javascript>DirectDown2();</script>
</div></td>
</tr>
<tr>
<td align="right" style="padding-right:40px;"><a href="javascript:DirectDown2()"><img border="0" src="http://eujin.kr/test/banner1/bt_down.gif" /></a></td>
</tr>
</table>
<!--롤링끝--></td>
</tr>
</table>
<!-- 인기상품끝 -->
</td>
</tr>
</table>
</body>
</html>
|
|
 추천 : 497 |
추천
목록
|
|
| |
|
