javascript - 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

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