Html & Script

이벤트 이미지 스크롤

컨텐츠 정보

본문

<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="&amp;{scrollerbackground};" bgColor="&amp;{scrollerbgcolor};" height="&amp;{scrollerheight};" width="&amp;{scrollerwidth};">');
                                                        document.writeln('<LAYER id=first width="&amp;{scrollerwidth};" top="1" left="0"></LAYER>');
                                                        document.writeln('<LAYER id=second visibility="hide" width="&amp;{scrollerwidth};" top="0" left="0"></LAYER>');
                                                        document.writeln('</ILAYER>');
                                                }
</SCRIPT>

관련자료

댓글 0
등록된 댓글이 없습니다.
Today's proverb
내일 일은 내일 생각하고, 오늘은 오늘을 위해 최선을 다하라. 그것은 오늘이 곧 내일을 위한 준비이기 때문이다.