用Javascript实现滚动列效果的方法
{ *
保证金:0;
填充:0;
}
# DIV1 UL {
位置:绝对;
左:0px;
上图:0px;
}
# DIV1 UL Li img {
宽度:187px;
身高:125px;
}
# DIV1 ul {
浮点数:左;
Width: 187px;
身高:125px;
列表样式:无;
}
# DIV1 {
宽度:748px;
身高:125px;
职位:相对;
背景颜色:黄绿色;
溢出:隐藏;
浮点数:左;
}
#体{
宽度:948px;
身高:125px;
保证金:100px汽车;
}
#体# leftdiv {
浮点数:左;
宽度:100px;
身高:100px;
}
#体# rightdiv {
浮点数:左;
宽度:100px;
身高:100px;
}
#体# leftdiv按钮{
背景图片:URL(左/中);
宽度:100px;
身高:100px;
}
#体# leftdiv按钮img {
宽度:100px;
身高:100px;
}
#体# rightdiv按钮img {
宽度:100px;
身高:100px;
}
窗口。指针函数(){
无功odiv = document.getelementbyid('div1);
VaR,= odiv.getelementsbytagname('ul){ 0 };
VaR OLI = oul.getelementsbytagname(李的);
VaR('leftdiv重大= document.getelementbyid);
VaR的本子= document.getelementbyid('rightdiv);
灵魂.innerHTML += oul.innerhtml;
灵魂。风格。宽度= OLI { 0 }。offsetwidth *长度+ 'px油;
var速度= 2;
函数移动(){
如果(OUL。offsetleft < -灵魂。offsetwidth / 2){
灵魂。左= 0风格;
} else if(OUL。offsetleft > 0){
灵魂。风格。左= -灵魂。offsetwidth / 2 + 'px;
}
灵魂。风格。左=灵魂。offsetleft +速度+ 'px;
};
VaR定时器= setInterval(移动,30);
重大。onclick=函数(){
速度= 2;
};
本子。onclick =函数(){
速度= 2;
};
灵魂。onmouseover =函数(){
ClearInterval(定时器);
};
灵魂。onmouseout=函数(){
定时器= setInterval(移动,30);
};
}
希望本文能对大家的javascript程序设计有所帮助。