스크롤이 제대로 안되고 있습니다. 정보
스크롤이 제대로 안되고 있습니다.
본문
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
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++
}
}
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>";
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[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/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>";
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>')
}
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(); // 스크롤 시작
댓글 전체
세번째 배너를 messages[2] 에 넣았다면
네번째 배너는 messages[3] 에 넣어야 하겠죠
네번째 배너는 messages[3] 에 넣어야 하겠죠
하단에 다음과 같이 넣었습니다..
그런데.. 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>')
그런데.. 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>";
//네번째 배너
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>')
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>')
네, 잘 됩니다.. 감사합니다..