兼容IE和Firefox火狐的上下、左右循环无间断滚动JS代码_javascript技巧

上下循环滚动代码：
代码如下:


111111111111111

222222222222222

333333333333333

444444444444444

555555555555555




var t=getid("demo"),t1=getid("demo1"),t2=getid("demo2"),sh=getid("show");
var inter;
t2.innerHTML=t1.innerHTML;
function qswhMarquee(){
if(t2.offsetTop<=t.scrollTop)
t.scrollTop-=t1.offsetHeight;
else
t.scrollTop++;
}
inter=setInterval(qswhMarquee,30);
function getid(id){
return document.getElementById(id);
}


文字左右循环滚动代码：
代码如下:


var s,s2,s3,s4,timer,i=0;
function init(){
s=getid("div1");
s2=getid("div2");
s3=getid("div3");
s4=getid("div4");
s4.innerHTML=s3.innerHTML;
s2.style.width=s.offsetWidth+"px";
s2.style.height=s.offsetHeight+"px";
timer=setInterval(mar,30)
}
function mar(){
//s2.innerHTML=s.scrollLeft;
if(s3.offsetWidth<=s.scrollLeft){
s.scrollLeft-=s3.offsetWidth;
}else{s.scrollLeft++;}
}
function getid(id){
return document.getElementById(id);
}
window.onload=init;


余志国网站设计工作室提供专业的外贸网站建站服务。