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>

관련자료

등록된 댓글이 없습니다.
Today's proverb
행복해지고 싶다면, 잠시 동안만이라도 가슴에 손을 얹고 생각해 보라. 그러면 진정한 즐거움은, 발치에 돋아나는 잡초나 아침 햇살에 빛나는 꽃의 이술과 같이 우리 주변에 무수히 널려 있다는 것을 알 수 있을 것이다. 《하루 5분 생각이 인생을 결정한다 》 (이범준)