JS小功能（图片滚动效果offsetleft示例代码实现）

uff1a效应



代码uff1a

复制代码代码如下所示：



# DIV1
{
宽度：245px；
身高：150px；
背景：红色；
保证金：250px；
左：500px保证金；
位置：绝对；
溢出：隐藏；
}
# DIV1 UL Li
{
浮点数：左；
宽度：44px；
身高：66px；
边距：20px；
右边距：5px；
列表样式：无；
}
# DIV1 UL
{
宽度：250px；
位置：绝对；
填充：0；
}


在window.onload =函数（）{
VaR，= document.getelementsbytagname（'ul）{ 0 }；
无功odiv = document.getelementbyid（'div1）；
Var Ali = document.getelementsbytagname（李的）；
oul.innerhtml = oul.innerhtml + oul.innerhtml；
oul.style.width =（阿里{ 0 }。offsetwidth + 5）* ali.length + 'px；
函数滚动（）{
如果（oul.offsetleft < = { -oul.offsetwidth / 2）
oul.style.left = '0'；
}
oul.style.left = oul.offsetleft - 2 + 'px；
}
var定时器= null；
定时器= setInterval（卷30）；
odiv.onmouseover =函数（）{
ClearInterval（定时器）；
}
odiv.onmouseout =函数（）{
定时器= setInterval（卷30）；
}
}；