스크롤 게시판, 마우스 띄 우기 일시 정지

1887 단어 게시판 스크롤
html 부분
${list.TITLE}:${list.CONTENT}

js部分


    function ScrollImgLeft(){
        var speed=50;//                  
        var MyMar = null;//                      
        var scroll_begin = document.getElementById("scroll_begin");//       id
        var scroll_end = document.getElementById("scroll_end");//       id
        var scroll_div = document.getElementById("scroll_div");//       id
        
        scroll_end.innerHTML=scroll_begin.innerHTML;  //    html     ,    !
        
        //      
        function Marquee(){
            if(scroll_end.offsetWidth-scroll_div.scrollLeft<=0)
                scroll_div.scrollLeft-=scroll_begin.offsetWidth;
            else
                scroll_div.scrollLeft++;
        }
        MyMar=setInterval(Marquee,speed);//            setInterval
        //            ,       ,      
        scroll_div.onmouseover = function(){
            clearInterval(MyMar);
        }
        //           ,       
        scroll_div.onmouseout = function(){
            MyMar = setInterval(Marquee,speed);
        }
    }
    ScrollImgLeft();


단점: 이렇게 실현 되 는 원 리 는 두 개의 div 로 전환 하 는 것 이기 때 문 입 니 다. 만약 에 게시판 의 내용 이 너무 짧 으 면 스크롤 은 한 동안 만 지속 되 고 멈 출 수 있 습 니 다. 계속 스크롤 할 수 있 으 려 면 div 를 수정 하고 끝 div 를 길 게 할 수 있 습 니 다.
scroll_end.innerHTML = scroll_begin.innerHTML+ scroll_begin.innerHTML+scroll_begin.innerHTML+scroll_begin.innerHTML+scroll_begin.innerHTML;

좋은 웹페이지 즐겨찾기