js代码实现无缝滚动(文本和)

js代码实现无缝滚动(文本和)
一个无缝的js滚动代码,可以对程序和图片进行左右滚动,代码不复杂,而且无缝滚动代码兼容性也很好。你几乎不能用任何代码来修改它,在测试中,所有标签的方块都会变成图片,所以感觉更好。

代码如下:

无缝滚动

*边距:0;填充:0;}
。其他{宽度:100%;高度:50px;背景:# F00;}
。主要{宽度:400px;身高:130px;保证金:0汽车;边框1px solid # 000;溢出;};}
。旗帜{显示:块;浮动:左;保证金:00 15px 15px;}
横幅{位置:绝对;宽度:800%;}
# wrap1,
# wrap2 {浮动:左;}
文本{对齐:中心;}
# wrap1一,
# wrap2一{文字装饰:无;}
# wrap1跨度,
# wrap2跨度{显示:块;宽度:100px;身高:100px;边框1px solid # 000;

从左到右

一万二千三百四十五


窗口。指针函数(){
速度= 1;
移动= getID('banner);
GetId('wrap2).innerHTML = getID('wrap1InnerHTML);
VAR时间= setInterval(自动载物,10);
GetId(主的)。onmouseover =函数(){
ClearInterval(时间);
}
GetId(主的)。Onmouseout =函数(){
时间= setInterval(自动载物,10);
}
GetId(右)。Onclick =函数(){
速度= 1;
}
GetId(左)。Onclick =函数(){
速度= 1;
}
}
函数getID(ID){
返回document.getelementbyid(ID);
}
功能自动载物(){
如果(parseInt(移动。风格。左)- getID('wrap1)< =。offsetwidth){
移动。风格。左= 0 + 'px;
}
如果(移动。offsetleft > 0){
移动。风格。左= - getID('wrap1)。OffsetWidth + 'px;
}
移动。风格。向左移动。offsetleft +速度+ 'px;
}
这是JS代码描述的无缝滚动(文字和图片),希望大家喜欢。

tag:代码实现无缝滚动电脑软件js文本和

相关内容