홈으로 | 무료회원가입 | 아이디/비번찾기
추천음악방송 메인홈 1대1상담
운.영.자.1대1.상담
온라이브음악방송
온라이브스토어(앱다운로드)
아리랑가요(무료음악채널)
뽕짝아가씨(무료음악채널)
okTrot(무료음악채널)
전통가요(무료음악채널)

환상의뽕짝파티 무료음악
명작트로트메들리 무료음악
트로트메들리관광 무료음악
보안∵서버∵쿠키
윈도우∵프레임
이미지∵배경
시간∵달력∵계산
상태바∵타이틀바
음악∵영상
폼∵전송∵테이블
키보드∵마우스
효과∵링크∵메뉴
Script∵php
기타
PHP 강좌
윈도우관련팁
웹관련팁
홈페이지제작팁
기본강좌
레지스트리
윈도우서버
리눅스서버
Android
쇼핑몰 상품테이블 롤링
7년 전
<!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>
추천추천 : 382 추천 목록
번호 제목
3,026
 여러 도메인들 간 쿠키 공유하기
3,025
 태그 사이에 있는 텍스트를 추출
3,024
 [JQuery] textbox focus on off일때 숫자 콤마 보여주기
3,023
 쿠키 생성,가져오기,삭제
3,022
 사용자 함수 모음
3,021
 마우스,키보드 제한 ( 오른쪽클릭,드래그,영역선택등..)
3,020
 [HTML5] <video> - DOM으로 제어하기
3,019
 HTML5 video 태그에서 영상 좌우반전
3,018
 PHP - 특정 태그 및 문자열 추출, 제거
3,017
 [PHP] define과 defined의 차이
3,016
 우클릭 완벽차단 스크립트
3,015
 iframe 높이 100% 맞추기
3,014
 curl 함수를 이용한 HTTP REFERER 변경
3,013
 윈도우10 시스템 파일 및 Dism 검사
3,012
 텍스트 줄바꿈, 글자자르기 CSS
3,011
 jQuery Mobile에서 유용한 코드 10가지.
3,010
 [PHP] dirname()함수와 $_SERVER 관련 상수들
3,009
 [PHP] 파일 크기, 사이즈 불러오는 함수, filesize()
3,008
 [jQuery] jQuery Quick API
3,007
 [ transition ] 링크 hover 색상 변화 속도 조절
3,006
 PHP 5.3.0 에서 사라진 함수들 대체
3,005
 어떤 파일들이 include 나 require 되었는지 확인하는 함수(get_included_files)
3,004
 PHP 날짜 형식 및 계산하기(날짜 더하고 빼기)
3,003
 jQuery Mobile에서 유용한 코드 10가지.
3,002
 값이 배열 안에 존재하는지 확인하는 in_array함수
목록
추억의가요방(가사포함)
인기절정뽕짝파티
인기트로트모음
지루박디스코메들리
밤무대애창곡
전자올겐경음악
세월따라노래따라
가슴시린트로트
트로트쌍쌍파티
7080추억속으로
종합성인가요방
못잊을옛날노래
카바레 음악
트롯디스코팡팡
관광 메들리
트롯카페
가요감상실
추억의옛노래
스페셜가요광장
BillBoard Free
추천가요모음
경음악.전자올겐
스페셜음악여행
WOLRD POPs
K-POP\BillBoard
POP TOP BEST

최신인기가요특집
추천가요\인기
F뮤직 인기\발라드
F뮤직 애창\트로트
트로트성인가요
인기가요
프리미엄 POP
경음악\기타
프리미엄 최신가요
프리미엄 성인가요
뮤직트로트 부산광역시부산진구 가야동 ㅣ 개인정보취급방침
Copyright (C) musictrot All rights reserved.