시작페이지로 즐겨찾기추가
로그인
회원가입 l 출석체크 l 마이페이지 l CGIMALL
자료실 사이트등록 랭킹100 프로그램리뷰 관리자추천자료 초보가이드
커뮤니티
전체 펼쳐보기
퀵메뉴링크 jquery , CSS , PHP , Javascript , 무료폰트 , ASP
상세검색
홈 > 커뮤니티 > 질문과답변 상세보기
커뮤니티 구인구직
공지사항
언론보도
FAQ
질문과답변
웹호스팅
해피칼럼
얼리 하드웨어
의견게시판
골드팁
윈도우배경화면
교육정보안내
최근 댓글 리스트
광고문의
제휴문의
가입인사
자유게시판
사이트등록
클라우드태그
Javascript
PHP
asp
CSS
html
mysql
jquery
image
Mobile
API
slide
게시판
메뉴
현재접속자 명 새로고침
게시판타이틀 질문과답변 / 상세보기
트위터로 보내기
추천수 331 | 조회수 4,000 | 등록일 2010-08-02 13:40:42

닉네임

 piraper

이메일

 piraper@hanmail.net

제목

 슬라이드 소스에서 탭메뉴를 하나더 추가하고 싶습니다. 소스 수정부탁 드릴께요.
내용

질문내용 그대로 입니다.

 

슬라이드 탭메뉴에서 메뉴를 하나더 추가하고 싶은데 잘 모르겠습니다.

 

 

<!------------------------- 아래 --------------------------------------------->

 

 

<table width="920" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td>
            <table width="920" border="0" cellspacing="0" cellpadding="0" align="center">
              <tr>
                <td><img src="http://sweetyspoon.cafe24.com/test/best_test_title.gif"></td>               
                <td>
                <table width="100" border="0" cellspacing="0" cellpadding="0" align="right">
                  <tr>
                    <td align="right"><a href="javascript:DivOver('t1','','http://sweetyspoon.cafe24.com/test/tit_special_01_o.gif',1);" onFocus="blur()" onMouseOver="DivOver('t1','','http://sweetyspoon.cafe24.com/test/tit_special_01_o.gif',1)" onFocus="this.blur()"><img src="http://sweetyspoon.cafe24.com/test/tit_special_01_o.gif" name="Image11" width="100" height="40" border="0" id="Image11"></a></td>
                    <td align="right"><a href="javascript:DivOver('t2','','http://sweetyspoon.cafe24.com/test/tit_special_02_o.gif',1);" onFocus="blur()" onMouseOver="DivOver('t2','','http://sweetyspoon.cafe24.com/test/tit_special_02_o.gif',1)" onFocus="this.blur()"><img src="http://sweetyspoon.cafe24.com/test/tit_special_02_o.gif" name="Image21" width="100" height="40" border="0" id="Image21"></a></td>
                    <td align="right"><a href="javascript:DivOver('t3','','http://sweetyspoon.cafe24.com/test/tit_special_03_o.gif',1);" onFocus="blur()" onMouseOver="DivOver('t3','','http://sweetyspoon.cafe24.com/test/tit_special_03_o.gif',1)" onFocus="this.blur()"><img src="http://sweetyspoon.cafe24.com/test/tit_special_03_o.gif" name="Image31" width="100" height="40" border="0" id="Image31"></a></td>
                    <td align="right"><a href="javascript:DivOver('t4','','http://sweetyspoon.cafe24.com/test/tit_special_04_o.gif',1);" onFocus="blur()" onMouseOver="DivOver('t4','','http://sweetyspoon.cafe24.com/test/tit_special_04_o.gif',1)" onFocus="this.blur()"><img src="http://sweetyspoon.cafe24.com/test/tit_special_04_o.gif" name="Image41" width="100" height="40" border="0" id="Image41"></a></td>
                  </tr>
                </table></td>
              </tr>
            </table>
            </td>
          </tr>
          <tr>
            <td>

 
<div id="d1" style="display:block">
             <table width="920" border="0" cellspacing="0" cellpadding="0">
               <tr>
                 <td width="16"><a href="javascript:DivNext('t1');" onFocus="this.blur()"><img src="http://sweetyspoon.cafe24.com/test/best_test_l_01.gif" width="50" height="80" border="0"></a></td>
    <td valign="top">
     <table width="888" border="0" cellspacing="0" cellpadding="0" align="center">

         </table>
        </td>
              <td width="16"><a href="javascript:DivPrev('t1');" onFocus="this.blur()"><img src="http://sweetyspoon.cafe24.com/test/best_test_r_01.gif" width="50" height="80" border="0"></a></td>
               </tr>
             </table>
</div>
 
 
 
 
<div id="d2" style="display:none">
             <table width="920" border="0" cellspacing="0" cellpadding="0">
               <tr>
                 <td width="16"><a href="javascript:DivNext('t2');" onFocus="this.blur()"><img src="http://sweetyspoon.cafe24.com/test/best_test_l_01.gif" width="50" height="80" border="0"></a></td>
    <td valign="top">
     <table width="888" border="0" cellspacing="0" cellpadding="0" align="center">

         </table>
        </td>
              <td width="16"><a href="javascript:DivPrev('t2');" onFocus="this.blur()"><img src="http://sweetyspoon.cafe24.com/test/best_test_r_01.gif" width="50" height="80" border="0"></a></td>
               </tr>
             </table>
</div>
 


<div id="d3" style="display:none">
             <table width="920" border="0" cellspacing="0" cellpadding="0">
               <tr>
                 <td width="16"><a href="javascript:DivNext('t3');" onFocus="this.blur()"><img src="http://sweetyspoon.cafe24.com/test/best_test_l_01.gif" width="50" height="80" border="0"></a></td>
    <td valign="top">
     <table width="888" border="0" cellspacing="0" cellpadding="0" align="center">

         </table>
        </td>
              <td width="16"><a href="javascript:DivPrev('t3');" onFocus="this.blur()"><img src="http://sweetyspoon.cafe24.com/test/best_test_r_01.gif" width="50" height="80" border="0"></a></td>
               </tr>
             </table> 
</div>


<div id="d4" style="display:none">
             <table width="920" border="0" cellspacing="0" cellpadding="0">
               <tr>
                 <td width="16"><a href="javascript:DivNext('t4');" onFocus="this.blur()"><img src="http://sweetyspoon.cafe24.com/test/best_test_l_01.gif" width="50" height="80" border="0"></a></td>
    <td valign="top">
     <table width="888" border="0" cellspacing="0" cellpadding="0" align="center">

         </table>
        </td>
              <td width="16"><a href="javascript:DivPrev('t4');" onFocus="this.blur()"><img src="http://sweetyspoon.cafe24.com/test/best_test_r_01.gif" width="50" height="80" border="0"></a></td>
               </tr>
             </table> 
</div>
 
 
            </td>
          </tr>
          <tr>
            <td height="1" bgcolor="DFDFDF"></td>
          </tr>
        </table>

 
 

 

 

 

 

 

 

 

 
 
<script language=javascript>
 var selectDiv = "";
 var objCnt = 24
 function DivOver(obj) {
   var objNm = obj.substring(1, 2);
   if(parseInt(objNm) == 1){
    eval("document.getElementById('d"+ objNm +"').style.display = 'block'");
    if(parseInt(objCnt) > 3) {
     eval("document.getElementById('d"+ (parseInt(objNm)+1) +"').style.display = 'none'");
    }
    if(parseInt(objCnt) > 6) {
     eval("document.getElementById('d"+ (parseInt(objNm)+2) +"').style.display = 'none'");
    }
   eval("Image"+ objNm +"1.src = 'http://sweetyspoon.cafe24.com/test/tit_special_01_o.gif'");
   if(parseInt(objCnt) > 3) {
    eval("Image"+ (parseInt(objNm)+1) +"1.src = 'http://sweetyspoon.cafe24.com/test/tit_special_02.gif'");
   }
   if(parseInt(objCnt) > 6) {
    eval("Image"+ (parseInt(objNm)+2) +"1.src = 'http://sweetyspoon.cafe24.com/test/tit_special_03.gif'");
   }
   selectDiv = 't1';
   }else if(parseInt(objNm) == 2){
    eval("document.getElementById('d"+ (parseInt(objNm)-1) +"').style.display = 'none'");
    eval("document.getElementById('d"+ objNm +"').style.display = 'block'");
    if(parseInt(objCnt) > 6) {
     eval("document.getElementById('d"+ (parseInt(objNm)+1) +"').style.display = 'none'");
    }
 
    eval("Image"+ (parseInt(objNm)-1) +"1.src = 'http://sweetyspoon.cafe24.com/test/tit_special_01.gif'");
   eval("Image"+ objNm +"1.src = 'http://sweetyspoon.cafe24.com/test/tit_special_02_o.gif'");
   if(parseInt(objCnt) > 6) {
    eval("Image"+ (parseInt(objNm)+1) +"1.src = 'http://sweetyspoon.cafe24.com/test/tit_special_03.gif'");
   }
   selectDiv = 't2';
   }else if(parseInt(objNm) == 3){
    eval("document.getElementById('d"+ (parseInt(objNm)-2) +"').style.display = 'none'");
    eval("document.getElementById('d"+ (parseInt(objNm)-1) +"').style.display = 'none'");
    eval("document.getElementById('d"+ objNm +"').style.display = 'block'");
 
    eval("Image"+ (parseInt(objNm)-2) +"1.src = 'http://sweetyspoon.cafe24.com/test/tit_special_01.gif'");
   eval("Image"+ (parseInt(objNm)-1) +"1.src = 'http://sweetyspoon.cafe24.com/test/tit_special_02.gif'");
   eval("Image"+ objNm +"1.src = 'http://sweetyspoon.cafe24.com/test/tit_special_03_o.gif'");
   selectDiv = 't3';
   }
  }
 
  function DivNext(obj) {
   selectDiv = obj;
  if(selectDiv == 't1') {
   if(parseInt(objCnt) > 6) {
    DivOver('t3','','http://sweetyspoon.cafe24.com/test/tit_special_03_o.gif',1);
   }else if(parseInt(objCnt) > 3) {
    DivOver('t2','','http://sweetyspoon.cafe24.com/test/tit_special_02_o.gif',1);
   }else{
    DivOver('t1','','http://sweetyspoon.cafe24.com/test/tit_special_01_o.gif',1);
   }
  } else if(selectDiv == 't2') {
   DivOver('t1','','http://sweetyspoon.cafe24.com/test/tit_special_01_o.gif',1);
  } else if(selectDiv == 't3') {
   DivOver('t2','','http://sweetyspoon.cafe24.com/test/tit_special_02_o.gif',1);
  }
  }
 
  function DivPrev(obj) {
   selectDiv = obj;
  if(selectDiv == 't1') {
   if(parseInt(objCnt) > 3) {
    DivOver('t2','','http://sweetyspoon.cafe24.com/test/tit_special_02_o.gif',1);
   }else{
    DivOver('t1','','http://sweetyspoon.cafe24.com/test/tit_special_01_o.gif',1);
   }
  } else if(selectDiv == 't2') {
   if(parseInt(objCnt) > 6) {
    DivOver('t3','','http://sweetyspoon.cafe24.com/test/tit_special_03_o.gif',1);
   }else{
    DivOver('t1','','http://sweetyspoon.cafe24.com/test/tit_special_01_o.gif',1);
   }
  } else if(selectDiv == 't3') {
   DivOver('t1','','http://sweetyspoon.cafe24.com/test/tit_special_01_o.gif',1);
  }
  }
 
 // 3초마다 상품(New Arrival) 롤링!
 function nowDisplayArrival() {
  var sports_date = new Date();
 
   if ( sports_date.getSeconds()%5 == 1 ) {
 
     document.getElementById("d1").style.display = "block";
     DivOver("t1","","http://sweetyspoon.cafe24.com/test/tit_special_0'1'_o.gif",1);
 
     document.getElementById("d2").style.display = "none";
 
     document.getElementById("d3").style.display = "none";
 
   }
 
   if ( sports_date.getSeconds()%5 == 2 ) {
 
     document.getElementById("d1").style.display = "none";
 
     document.getElementById("d2").style.display = "block";
     DivOver("t2","","http://sweetyspoon.cafe24.com/test/tit_special_0'2'_o.gif",1);
 
     document.getElementById("d3").style.display = "none";
 
   }
 
   if ( sports_date.getSeconds()%5 == 3 ) {
 
     document.getElementById("d1").style.display = "none";
 
     document.getElementById("d2").style.display = "none";
 
     document.getElementById("d3").style.display = "block";
     DivOver("t3","","http://sweetyspoon.cafe24.com/test/tit_special_0'3'_o.gif",1);
 
   }
 
  window.setTimeout("nowDisplayArrival()", 3000);
 } // end of function
 

 function goChkRuntime() {
  nowDisplayArrival();
 } // end of func(goChkRuntime())
 
 // HitItems 자동롤링실행
 if(parseInt(objCnt) > 3 && parseInt(objCnt) <= 6) {
  document.body.onload=goChkRuntime2;
 }else if(parseInt(objCnt) > 6) {
  document.body.onload=goChkRuntime;
 }
</script>
추천스크랩소스보기 목록
ranksa 2010-08-03 14:15:37
답글

상단에 있는 t1~t4 까지 있는 부분을 참고하셔서 하단에 onMouseOver 들어가는부분에 t5 를 만든후 , DivOver(),DivNext(),DivPrev() 등을 같이 수정해주셔야 원하시는 결과가 나올것 같습니다.
이전게시글 HTML 로 '내컴퓨터 프로그램' 제어하기 2010-07-27 03:20:03
다음게시글 케이보드 에러 좀 잡아주세요~~~~ 2010-08-17 13:30:58