スクロールバー、マウス浮遊停止
1821 ワード
html部分
scroll_end.innerHTML=scroll_begin.innerHTML+scroll_begin.innersHTML+scroll_begin.innersHTML+scroll_begin.innersHTML+scroll_begin.inners 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.innersHTML+scroll_begin.innersHTML+scroll_begin.innersHTML+scroll_begin.inners HTML