Javascript圆形选框功能

Question

我创建了这个脚本来模仿选框HTML标签的行为：

function MoveNoticias() {
var valorAbs = $('moverlo').offsetLeft;
var ancho = $('moverlo').getWidth();
valorAbs = Math.abs(valorAbs);
if (  valorAbs >= ancho ) {
    $('moverlo').setStyle({ left: ancho - 100 });
    valorAbs = ancho;
}
new Effect.Move('moverlo', { x: -100, y: 0, mode: 'relative' });
setTimeout(MoveNoticias, 1);
}

一切都很好，直到这部分：

if (  valorAbs >= ancho ) {
    $('moverlo').setStyle({ left: ancho - 100 });
    valorAbs = ancho;
}

“选框”定位正常，但它仍然闪烁并固定在那里，而不向左滑动。

我不知道为什么，我想找到方法，任何帮助都会受到赞赏，谢谢！

Answer 1

您需要创建要滑动的内容的克隆。然后滑动它们直到到达第一个面板的末端 - 然后将位置重置为零。不要将其移回原始位置 - 只需直接设置样式属性即可。