이벤트 이미지 스크롤
컨텐츠 정보
- 20,113 조회
- 5 추천
- 목록
본문
<SCRIPT language=JavaScript>
<!--
var scrollerwidth=467
var scrollerheight=122
var scrollerbgcolor='#ffffff'
var scrollerbackground=''
// 공지사항 갯수
var num = 10
var index=0
// Scrolling 속도
var scrollspeed='3000'
// 멈추는 시간
var waitingtime='2'
var messages=new Array()
if (messages.length>1)
i=1
else
i=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[i])
tlayer.document.close()
if (i==messages.length-1)
i=0
else
i++
}
}
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[i])
tlayer2.document.close()
if (i==messages.length-1)
i=0
else
i++
}
}
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[i]
if (i==messages.length-1)
i=0
else
i++
}
}
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)
//처음2개의 상품을 한번만 보여줌!
// if(i==index) {
// index= 200;
// i=2;
// }
}
else{
tdiv2.style.pixelTop=scrollerheight
tdiv2.innerHTML=messages[i]
if (i==messages.length-1)
i=0
else
i++
}
}
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'
}
}
window.onload=startscroll
//-->
</SCRIPT>
<SCRIPT language=JavaScript>
var messages=new Array();
messages[0]="<a href=/shop/shopping2.html?id=1007891447><img src='/event/special_01(3).gif' border=1 class=bcolor></a>";
messages[1]="<a href=/shop/shopping2.html?id=1007895756><img src='/event/special_02(3).gif' border=1 class=bcolor></a>";
</SCRIPT>
<SCRIPT language=JavaScript1.2>
if (document.all){
document.writeln('<span id="main2" style="position:relative;width:'+scrollerwidth+';height:'+scrollerheight+';overflow:hiden;background-color:'+scrollerbgcolor+' ;background-image:url('+scrollerbackground+')">')
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;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:0;visibility:hidden">')
document.write(messages[1])
document.writeln('</div>')
document.writeln('</div>')
document.writeln('</span>')
}
else
{
document.writeln('<ILAYER id=main visibility="hide" background="&{scrollerbackground};" bgColor="&{scrollerbgcolor};" height="&{scrollerheight};" width="&{scrollerwidth};">');
document.writeln('<LAYER id=first width="&{scrollerwidth};" top="1" left="0"></LAYER>');
document.writeln('<LAYER id=second visibility="hide" width="&{scrollerwidth};" top="0" left="0"></LAYER>');
document.writeln('</ILAYER>');
}
</SCRIPT>
<!--
var scrollerwidth=467
var scrollerheight=122
var scrollerbgcolor='#ffffff'
var scrollerbackground=''
// 공지사항 갯수
var num = 10
var index=0
// Scrolling 속도
var scrollspeed='3000'
// 멈추는 시간
var waitingtime='2'
var messages=new Array()
if (messages.length>1)
i=1
else
i=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[i])
tlayer.document.close()
if (i==messages.length-1)
i=0
else
i++
}
}
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[i])
tlayer2.document.close()
if (i==messages.length-1)
i=0
else
i++
}
}
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[i]
if (i==messages.length-1)
i=0
else
i++
}
}
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)
//처음2개의 상품을 한번만 보여줌!
// if(i==index) {
// index= 200;
// i=2;
// }
}
else{
tdiv2.style.pixelTop=scrollerheight
tdiv2.innerHTML=messages[i]
if (i==messages.length-1)
i=0
else
i++
}
}
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'
}
}
window.onload=startscroll
//-->
</SCRIPT>
<SCRIPT language=JavaScript>
var messages=new Array();
messages[0]="<a href=/shop/shopping2.html?id=1007891447><img src='/event/special_01(3).gif' border=1 class=bcolor></a>";
messages[1]="<a href=/shop/shopping2.html?id=1007895756><img src='/event/special_02(3).gif' border=1 class=bcolor></a>";
</SCRIPT>
<SCRIPT language=JavaScript1.2>
if (document.all){
document.writeln('<span id="main2" style="position:relative;width:'+scrollerwidth+';height:'+scrollerheight+';overflow:hiden;background-color:'+scrollerbgcolor+' ;background-image:url('+scrollerbackground+')">')
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;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:0;visibility:hidden">')
document.write(messages[1])
document.writeln('</div>')
document.writeln('</div>')
document.writeln('</span>')
}
else
{
document.writeln('<ILAYER id=main visibility="hide" background="&{scrollerbackground};" bgColor="&{scrollerbgcolor};" height="&{scrollerheight};" width="&{scrollerwidth};">');
document.writeln('<LAYER id=first width="&{scrollerwidth};" top="1" left="0"></LAYER>');
document.writeln('<LAYER id=second visibility="hide" width="&{scrollerwidth};" top="0" left="0"></LAYER>');
document.writeln('</ILAYER>');
}
</SCRIPT>
관련자료
댓글 0
등록된 댓글이 없습니다.