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
유쾌한 사람은 자기 일에만 몰두하는 사람이 아니다. 때론 자신의 일을 전부 제쳐놓고 타인의 문제에 전력을 쏟는 열정이 있는 사람이다. 타인에게 자신의 힘을 나누어주고 마음을 열어주는 것은 자신의 삶을 행복하게 만드는 방법이다.