数码资讯
用Javascript实现滚动列效果的方法
本文介绍了实现滚动效果的Javascript的方法。分享给你供你参考。以下是如下: { * 保证金:0; 填充:0; } # DIV1 UL { 位置:绝对; 左:0px; 上图:0px; } # DIV1 UL Li img { 宽度:187px; 身高:125px; } # DIV1 ul {
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
本文介绍了实现滚动效果的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程序设计有所帮助。
{ *
保证金: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程序设计有所帮助。
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。