이미지 상단으로 올라가는 스크립트 > 기술자료

• 목록

<script language="JavaScript1.2">

var scrollerwidth=559
var scrollerheight=160
var scrollerbgcolor='FFFFFF'
var pausebetweenimages=1000
var slideimages=new Array()
slideimages[0]='첫번째줄'
slideimages[1]='두번째줄'
slideimages[2]='세번째줄'

if (slideimages.length>1)
i=2
else
i=0
function move1(whichlayer){
tlayer=eval(whichlayer)
if (tlayer.top>0&&tlayer.top<=1){
tlayer.top=0
setTimeout("move1(tlayer)",pausebetweenimages)
setTimeout("move2(document.main.document.second)",pausebetweenimages)
return
}
if (tlayer.top>=tlayer.document.height*-1){
tlayer.top-=1
setTimeout("move1(tlayer)",10)
}
else{
tlayer.top=scrollerheight+1
tlayer.document.write(slideimages[i])
tlayer.document.close()
if (i==slideimages.length-1) i=0
else i++
}
}

function move2(whichlayer){
tlayer2=eval(whichlayer)
if (tlayer2.top>0&&tlayer2.top<=1){
tlayer2.top=0
setTimeout("move2(tlayer2)",pausebetweenimages)
setTimeout("move1(document.main.document.first)",pausebetweenimages)
return
}
if (tlayer2.top>=tlayer2.document.height*-1){
tlayer2.top-=1
setTimeout("move2(tlayer2)",10)
}
else{
tlayer2.top=scrollerheight+1
tlayer2.document.write(slideimages[i])
tlayer2.document.close()
if (i==slideimages.length-1) i=0
else i++
}
}

function move3(whichdiv){
tdiv=eval(whichdiv)
if (tdiv.style.pixelTop>0&&tdiv.style.pixelTop<=1){
tdiv.style.pixelTop=0
setTimeout("move3(tdiv)",pausebetweenimages)
setTimeout("move4(second2)",pausebetweenimages)
return
}
if (tdiv.style.pixelTop>=tdiv.offsetHeight*-1){
tdiv.style.pixelTop-=1
setTimeout("move3(tdiv)",10)
}
else{
tdiv.style.pixelTop=scrollerheight
tdiv.innerHTML=slideimages[i]
if (i==slideimages.length-1) i=0
else i++
}
}

function move4(whichdiv){
tdiv2=eval(whichdiv)
if (tdiv2.style.pixelTop>0&&tdiv2.style.pixelTop<=1){
tdiv2.style.pixelTop=0
setTimeout("move4(tdiv2)",pausebetweenimages)
setTimeout("move3(first2)",pausebetweenimages)
return
}
if (tdiv2.style.pixelTop>=tdiv2.offsetHeight*-1){
tdiv2.style.pixelTop-=1
setTimeout("move4(second2)",10)
}
else{
tdiv2.style.pixelTop=scrollerheight
tdiv2.innerHTML=slideimages[i]
if (i==slideimages.length-1) i=0
else i++
}
}

function startscroll(){
if (document.all){
move3(first2)
second2.style.top=scrollerheight
}
else if (document.layers){
document.main.visibility='show'
move1(document.main.document.first)
document.main.document.second.top=scrollerheight+1
document.main.document.second.visibility='show'
}

}

window.onload=startscroll

</script>

<ilayer id="main" width=&{scrollerwidth}; height=&{scrollerheight}; bgcolor=&{scrollerbgcolor}; visibility=hide>
<layer id="first" left="0" top="1" height="1" z-index="1" ></layer>
<layer id="second" left="0" top="0" height="1" z-index="1"></layer>
</ilayer>

<script language="JavaScript1.2">

if (document.all){
document.writeln('<span id="main2" style="position:relative;width:'+scrollerwidth+';height:'+scrollerheight+';overflow:hidden;background-color:'+scrollerbgcolor+'">')
document.writeln('<div style="position:absolute;width:'+scrollerwidth+';height:'+scrollerheight+';clip:rect(0 '+scrollerwidth+' '+scrollerheight+' 0);left:0;top:0">')
document.writeln('<div id="first2" style="position:absolute;height:'+scrollerheight+';left:0;top:1;">')
document.write(slideimages[0])
document.writeln('</div><br>')
document.writeln('<div id="second2" style="position:absolute;height:'+scrollerheight+';left:0;top:0">')
document.write(slideimages[1])
document.writeln('</div>')
document.writeln('</div>')
document.writeln('</span>')
}

</script>