История изменений

достаточно менять координаты видимо части «полоски».

Обычно это делается так:

<div style="position:relative">
    <ul style="position:absolute;left:-1000px">
        <li>Item</li>
        ...
    </ul>
</div>

<ul style="position:relative;">
    <li style="display:none">Invisible item</li>
    <li style="position:absolute;left:0">First visible</li>
    ...
</ul>

достаточно менять координаты видимо части «полоски».

Обычно это делается так:
[code]
<div style=«position:relative»>
<ul style=«position:absolute;left:-1000px»>
<li>Item</li>
...
</ul>
</div>
[/code]

По скольку элементов много, что бы все не перерисовывались при переходе, я решил оптимизировать:
[code]
<ul style=«position:relative;»>
<li style=«display:none»>Invisible item</li>
<li style=«position:absolute;left:0»>First visible</li>
...
</ul>
[/code]

То есть меняются только видимые. Возникает вопрос, как из перебирать.