스크롤 게시판, 마우스 띄 우기 일시 정지
1887 단어 게시판 스크롤
${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;