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
“무릇 물이란 지세를 따라 흐르되 작은 틈도 놓치지 않고 적시니 지혜를 갖춘 자와 같고, 움직이면서 아래로 흘러가니 예를 갖춘 자와 같으며, 어떤 깊은 곳도 머뭇거리지 않고 들어가니 용기를 가진 자와 같고 장애물이 막혀서 갇히면 고요히 맑아지니 천명을 아는 자와 같으며, 험한 곳을 거쳐 멀리 흐르지만 끝내 남을 허물어뜨리는 법이 없으니 덕을 가진 자와 같다. 천지는 이것으로 이루어지고, 만물은 이것으로 살아가며, 나라는 이것으로 안녕을 얻고, 만사는 이것으로 평안해지며, 만물은 이것으로 바르게 되는 것이다. 이것이 지혜로운 자가 물을 좋아하는 이유이다.” (한영, <<한시외전>>)