Javascript 如何生成动画滚动图像效果

我使用以下代码段创建滚动文本框：

#卷轴{
位置：绝对位置；
空白：nowrap；
顶部：0px；
左：200px；
}
#奥斯卡{
边际：0px；
填充：0px；
位置：相对位置；
宽度：200px；
高度：20px；
溢出：隐藏；
}
功能滚动（oid、iid）{
this.oCont=document.getElementById（oid）
this.ele=document.getElementById（iid）
this.width=this.ele.clientWidth；
this.n=this.oCont.clientWidth；
this.move=函数（）{
this.ele.style.left=this.n+“px”
这个--
如果（此.n<（-此宽度））{
this.n=this.oCont.clientWidth
}
}
}
var vScroll
函数设置（）{
vScroll=新滚动（“oScroll”、“滚动”）；
setInterval（“vScroll.move（）”，20）
}
onload=函数（）{
设置（）
}
这是滚动文本

如果要将128px高的图像添加到div中，还需要将包含元素的高度从20px更改为128px

以下是您的代码：

#卷轴{
位置：绝对位置；
空白：nowrap；
顶部：0px；
左：200px；
}
#奥斯卡{
边际：0px；
填充：0px；
位置：相对位置；
宽度：200px；
高度：128px；
溢出：隐藏；
}
功能滚动（oid、iid）{
this.oCont=document.getElementById（oid）
this.ele=document.getElementById（iid）
this.width=this.ele.clientWidth；
this.n=this.oCont.clientWidth；
this.move=函数（）{
this.ele.style.left=this.n+“px”
这个--
如果（此.n<（-此宽度））{
this.n=this.oCont.clientWidth
}
}
}
var vScroll
函数设置（）{
vScroll=新滚动（“oScroll”、“滚动”）；
setInterval（“vScroll.move（）”，20）
}
onload=函数（）{
设置（）
}

如果要使用现有代码，只需更改CSS中的

#oScroll

的高度即可

#卷轴{
位置：绝对位置；
空白：nowrap；
顶部：0px；
左：200px；
}
#奥斯卡{
边际：0px；
填充：0px；
位置：相对位置；
宽度：200px；
高度：200px；
溢出：隐藏；
}
功能滚动（oid、iid）{
this.oCont=document.getElementById（oid）
this.ele=document.getElementById（iid）
this.width=this.ele.clientWidth；
this.n=this.oCont.clientWidth；
this.move=函数（）{
this.ele.style.left=this.n+“px”
这个--
如果（此.n<（-此宽度））{
this.n=this.oCont.clientWidth
}
}
}
var vScroll
函数设置（）{
vScroll=新滚动（“oScroll”、“滚动”）；
setInterval（“vScroll.move（）”，20）
}
onload=函数（）{
设置（）
}

可能与@amphetamachine重复，请查看我的编辑。您是否可以提供其他建议？但是现在我觉得很傻，因为我知道这太简单了。你能给我建议一个替代方案吗？但是现在我觉得很傻，因为我看到它是如此简单。在一个替代解决方案中，你需要什么，你不能用它来做呢？一些实际上是“干净”的东西。我几乎可以肯定，有一种更好的方式来写这样的东西（因为我在用这个，其他人肯定都在用不同/更好的东西）。由于这段代码是很久以前为使用文本而生成的，所以我认为现在有一个更好/更有效的解决方案：如果您包括PIf，那么有很多插件可供选择。您可以随时将此代码发布到codereview.stackexchange.com，以获取有关清理此代码的建议。