스크롤이 제대로 안되고 있습니다. > 그누4 질문답변

그누4 질문답변

그누보드4 관련 질문은 QA 로 이전됩니다. QA 그누보드4 바로가기
기존 게시물은 열람만 가능합니다.

스크롤이 제대로 안되고 있습니다. 정보

스크롤이 제대로 안되고 있습니다.

본문

4줄 스크롤 소스입니다..
그런데 3줄밖에 나오지 않고 있습니다..
 
어디에 오류가 있는지, 살펴봐주시기 바랍니다..
 
-------------------------------------------------------------------------
var scrollerwidth=640
var scrollerheight=39                                                   
   // 공지사항 갯수
var num =1
  // 멈추는 시간 클수록 오래 멈춤
var scrollspeed='3000'
 // Scrolling 속도 
var waitingtime='10'   
var k;
    
var messages=new Array()
if (messages.length>1)
k=1
else
k=0
function move1(whichlayer){
 tlayer=eval(whichlayer)
 if (tlayer.top>0&&tlayer.top<=num){
  tlayer.top=0
  setTimeout("move1(tlayer)",scrollspeed)
  setTimeout("move2(document.main.document.second)",scrollspeed)
  return
  }
  if (tlayer.top>=tlayer.document.height*-1){
  tlayer.top-=num
  setTimeout("move1(tlayer)",waitingtime)
  }
  else{
  tlayer.top=scrollerheight
  tlayer.document.write(messages[k])
  tlayer.document.close()
     alert(k)
  if (k==messages.length-1)
  k=0
  else
  k++
 }
}                                                                                                      
 
function move2(whichlayer){
 tlayer2=eval(whichlayer)
 if (tlayer2.top>0&&tlayer2.top<=num){
  tlayer2.top=0
  setTimeout("move2(tlayer2)",scrollspeed)
  setTimeout("move1(document.main.document.first)",scrollspeed)
  return
  }
  if (tlayer2.top>=tlayer2.document.height*-1){
  tlayer2.top-=num
  setTimeout("move2(tlayer2)",waitingtime)
  }
  else{
  tlayer2.top=scrollerheight
  tlayer2.document.write(messages[k])
  tlayer2.document.close()
      alert(k)
  if (k==messages.length-1)
  k=0
  else
  k++
 }
}
 
function move3(whichdiv){
 tdiv=eval(whichdiv)
 if (tdiv.style.pixelTop>0&&tdiv.style.pixelTop<=num){
  tdiv.style.pixelTop=0
  setTimeout("move3(tdiv)",scrollspeed)
  setTimeout("move4(second2)",scrollspeed)
  return
  }
  if (tdiv.style.pixelTop>=tdiv.offsetHeight*-1){
  tdiv.style.pixelTop-=num
  setTimeout("move3(tdiv)",waitingtime)
  }
  else{
  tdiv.style.pixelTop=scrollerheight
  tdiv.innerHTML=messages[k]
  if (k==messages.length-1)
  k=0
  else
  k++
 }
}
 
function move4(whichdiv){
 tdiv2=eval(whichdiv)
 if (tdiv2.style.pixelTop>0&&tdiv2.style.pixelTop<=num){
  tdiv2.style.pixelTop=0
  setTimeout("move4(tdiv2)",scrollspeed)
  setTimeout("move3(first2)",scrollspeed)
  return
  }
  if (tdiv2.style.pixelTop>=tdiv2.offsetHeight*-1){
  tdiv2.style.pixelTop-=num
  setTimeout("move4(second2)",waitingtime)
  }
  else{
  tdiv2.style.pixelTop=scrollerheight
  tdiv2.innerHTML=messages[k]  
  if (k==messages.length-1)
  k=0
  else
  k++
 }
}
  function onmouse_event(){
  num=0
  }
 
  function mouseout_event(){
  num=1
  } 
 
function startscroll(){
             
    if (document.all){
        move3(first2)
            second2.style.top=scrollerheight
            second2.style.visibility='visible'
    }else if (document.layers){
            document.main.visibility='show'
            move1(document.main.document.first)
            document.main.document.second.top=scrollerheight+num
            document.main.document.second.visibility='show'
        }
    }
             
 //첫번째 배너
 messages[0]= "<table border='0' cellpadding='0' cellspacing='0' width='640' height='40' class='LayoutTable'>";
 messages[0]+="<tr>";
 messages[0]+=" <td align='right' width='160'><a href='http://..' target='_blank' onFocus='this.blur();'><img src='images/banner/gshomeshopping.gif' name='banner_1' border='0'></a></td>";
 messages[0]+=" <td align='right' width='160'><a href='http://..' target='_blank' onFocus='this.blur();'><img src='images/banner/cau.gif' name='banner_2' border='0'></a></td>";
 messages[0]+=" <td align='right' width='160'><a href='http://../' target='_blank' onFocus='this.blur();'><img src='images/banner/mbc.gif' name='banner_3' border='0'></a></td>";
 messages[0]+=" <td align='right' width='160'><a href='http://..' target='_blank' onFocus='this.blur();'><img src='images/banner/kbs.gif' name='banner_4' border='0'></a></td>";
 messages[0]+="</tr>";
 messages[0]+="</table>";
 //두번째 배너
 messages[1]= "<table border='0' cellpadding='0' cellspacing='0' width='640' height='40' class='LayoutTable'>";
 messages[1]+="<tr>";
 messages[1]+=" <td align='right' width='160'><a href='http://..' target='_blank' onFocus='this.blur();'><img src='images/banner/sbs.gif' name='banner_5' border='0'></a></td>";
 messages[1]+=" <td align='right' width='160'><a href='http://..target='_blank' onFocus='this.blur();'><img src='images/banner/ktrwa.gif' name='banner_6' border='0'></a></td>";
 messages[1]+=" <td align='right' width='160'><a href='http://..' target='_blank' onFocus='this.blur();'><img src='images/banner/kb.gif' name='banner_7' border='0'></a></td>";
 messages[1]+=" <td align='right' width='160'><a href='http://..target='_blank' onFocus='this.blur();'><img src='images/banner/suni.gif' name='banner_8' border='0'></td>";
 messages[1]+="</tr>";
 messages[1]+="</table>";
 //세번째 배너
 messages[2]= "<table border='0' cellpadding='0' cellspacing='0' width='640' height='40' class='LayoutTable'>";
 messages[2]+="<tr>";
 messages[2]+=" <td align='right' width='160'><a href='http://../' target='_blank' onFocus='this.blur();'><img src='images/banner/kwangju.gif' name='banner_5' border='0'></a></td>";
 messages[2]+=" <td align='right' width='160'><a href='http://../' target='_blank' onFocus='this.blur();'><img src='images/banner/samick.gif' name='banner_6' border='0'></a></td>";
 messages[2]+=" <td align='right' width='160'><a href='http://../' target='_blank' onFocus='this.blur();'><img src='images/banner/hanwharesort.gif' name='banner_7' border='0'></a></td>";
 messages[2]+=" <td align='right' width='160'><a href='http://../' target='_blank' onFocus='this.blur();'><img src='images/banner/fss.gif' name='banner_8' border='0'></td>";
 messages[2]+="</tr>";
 messages[2]+="</table>";
 //네번째 배너
 messages[2]= "<table border='0' cellpadding='0' cellspacing='0' width='640' height='40' class='LayoutTable'>";
 messages[2]+="<tr>";
 messages[2]+=" <td align='right' width='160'><a href='http://../' target='_blank' onFocus='this.blur();'><img src='images/banner/kofice.gif' name='banner_13' border='0'></a></td>";
 messages[2]+=" <td align='right' width='160'><a href='http://../' target='_blank' onFocus='this.blur();'><img src='images/banner/kf.gif' name='banner_14' border='0'></a></td>";
 messages[2]+=" <td align='right' width='160'><a href='http://../' target='_blank' onFocus='this.blur();'><img src='images/banner/dongjin.gif' name='banner_15' border='0'></a></td>";
 messages[2]+=" <td align='right' width='160'><a href='http://../' target='_blank' onFocus='this.blur();'><img src='images/banner/incheon.gif' name='banner_16' border='0'></td>";
 messages[2]+="</tr>";
 messages[2]+="</table>";
if (document.all){ 
 document.writeln('<span id="main2" style="z-index=1; position:relative;width:'+scrollerwidth+';height:'+scrollerheight+';overflow:hidden;">')
 document.writeln('<div onMouseOver="onmouse_event()" onMouseOut="mouseout_event()" style="position:absolute;width:'+scrollerwidth+';height:'+scrollerheight+';clip:rect(0 '+scrollerwidth+' '+scrollerheight+' 0);left:0;top:1">') 
 document.writeln('<div id="first2" style="position:absolute;width:'+scrollerwidth+';left:0;top:1;">') 
 document.write(messages[0]) 
 document.writeln('</div>')
 document.writeln('<div id="second2" style="position:absolute;width:'+scrollerwidth+';left:0;top:1;visibility:hidden">') 
 if(messages.length == 1){
  document.write('') 
 }else document.write(messages[1])
 document.writeln('</div>')
 document.writeln('<div id="second3" style="position:absolute;width:'+scrollerwidth+';left:0;top:1;visibility:hidden">') 
 if(messages.length == 2){
  document.write('') 
 }else document.write(messages[2])
 document.writeln('</div>')
 document.writeln('</div>') 
document.writeln('</span>') 
}                                                                                                           
startscroll(); // 스크롤 시작
  • 복사

댓글 전체

하단에 다음과 같이 넣었습니다..
그런데.. 3번째 배너는 빠지고 1,2,4번 배너만 나오네요..

if (document.all){ 
document.writeln('<span id="main2" style="z-index=1; position:relative;width:'+scrollerwidth+';height:'+scrollerheight+';overflow:hidden;">')
document.writeln('<div onMouseOver="onmouse_event()" onMouseOut="mouseout_event()" style="position:absolute;width:'+scrollerwidth+';height:'+scrollerheight+';clip:rect(0 '+scrollerwidth+' '+scrollerheight+' 0);left:0;top:1">') 
document.writeln('<div id="first2" style="position:absolute;width:'+scrollerwidth+';left:0;top:1;">') 
document.write(messages[0]) 
document.writeln('</div>')
document.writeln('<div id="second2" style="position:absolute;width:'+scrollerwidth+';left:0;top:1;visibility:hidden">') 
if(messages.length == 1){
document.write('') 
}else document.write(messages[1])
document.writeln('</div>')
document.writeln('<div id="second3" style="position:absolute;width:'+scrollerwidth+';left:0;top:1;visibility:hidden">') 
if(messages.length == 2){
document.write('') 
}else document.write(messages[2])
document.writeln('</div>')
document.writeln('<div id="second4" style="position:absolute;width:'+scrollerwidth+';left:0;top:1;visibility:hidden">') 
if(messages.length == 2){
document.write('') 
}
 document.writeln('</div>') 
document.writeln('</span>')
먼저 아래의 네번째 배너 설정된곳의 messages[2] 라는 곳을 모두 messages[3]으로 변경하세요

 //네번째 배너
 messages[2]= "<table border='0' cellpadding='0' cellspacing='0' width='640' height='40' class='LayoutTable'>";
 messages[2]+="<tr>";
 messages[2]+=" <td align='right' width='160'><a href='http://../' target='_blank' onFocus='this.blur();'><img src='images/banner/kofice.gif' name='banner_13' border='0'></a></td>";
 messages[2]+=" <td align='right' width='160'><a href='http://../' target='_blank' onFocus='this.blur();'><img src='images/banner/kf.gif' name='banner_14' border='0'></a></td>";
 messages[2]+=" <td align='right' width='160'><a href='http://../' target='_blank' onFocus='this.blur();'><img src='images/banner/dongjin.gif' name='banner_15' border='0'></a></td>";
 messages[2]+=" <td align='right' width='160'><a href='http://../' target='_blank' onFocus='this.blur();'><img src='images/banner/incheon.gif' name='banner_16' border='0'></td>";
 messages[2]+="</tr>";
 messages[2]+="</table>";
그리고 배너의 갯수가 추가되었다면 뿌려주는 부분도 다음처럼 변경이 되어야 할것 같습니다

if (document.all){
document.writeln('<span id="main2" style="z-index=1; position:relative;width:'+scrollerwidth+';height:'+scrollerheight+';overflow:hidden;">')
document.writeln('<div onMouseOver="onmouse_event()" onMouseOut="mouseout_event()" style="position:absolute;width:'+scrollerwidth+';height:'+scrollerheight+';clip:rect(0 '+scrollerwidth+' '+scrollerheight+' 0);left:0;top:1">')
document.writeln('<div id="first2" style="position:absolute;width:'+scrollerwidth+';left:0;top:1;">')
document.write(messages[0])
document.writeln('</div>')
document.writeln('<div id="second2" style="position:absolute;width:'+scrollerwidth+';left:0;top:1;visibility:hidden">')
if(messages.length == 1){
document.write('')
}else document.write(messages[1])
document.writeln('</div>')
document.writeln('<div id="second3" style="position:absolute;width:'+scrollerwidth+';left:0;top:1;visibility:hidden">')
if(messages.length == 2){
document.write('')
}else document.write(messages[2])
document.writeln('</div>')
document.writeln('<div id="second4" style="position:absolute;width:'+scrollerwidth+';left:0;top:1;visibility:hidden">')
if(messages.length == 3){
document.write('')
}else document.write(messages[3])
document.writeln('</div>')
document.writeln('<div id="second5" style="position:absolute;width:'+scrollerwidth+';left:0;top:1;visibility:hidden">')
if(messages.length == 4){
document.write('')
}
 document.writeln('</div>')
document.writeln('</span>')
© SIRSOFT
현재 페이지 제일 처음으로