Источник:
代码:
复制代码代码如下:
<head runat="сервер">
<title></title>
<style type="text/css">
#дел1
{
ширина: 245 пикселей;
высота: 150 пикселей;
фон: красный;
поле: 250 пикселей;
поле слева: 500 пикселей;
позиция: абсолютная;
переполнение: скрыто;
}
#div1 уль ли
{
плавать: влево;
ширина: 44 пикселей;
высота: 66 пикселей;
поле сверху: 20 пикселей;
поле справа: 5 пикселей;
стиль списка: нет;
}
#div1 ул
{
ширина: 250 пикселей;
позиция: абсолютная;
заполнение: 0;
}
</стиль>
<тип сценария="текст/javascript">
window.onload = функция () {
var oul = document.getElementsByTagName('ul')[0];
var odiv = document.getElementById('div1');
вар Али = document.getElementsByTagName('li');
oul.innerHTML = oul.innerHTML + oul.innerHTML;
oul.style.width = (ali[0].offsetWidth + 5) * ali.length + 'px';
функция ролл() {
if (oul.offsetLeft <= -oul.offsetWidth / 2) {
oul.style.left = '0';
}
oul.style.left = oul.offsetLeft - 2 + 'px';
}
вар таймер = ноль;
таймер = setInterval (ролл, 30);
odiv.onmouseover = функция () {
ClearInterval (таймер);
}
odiv.onmouseout = функция () {
таймер = setInterval (ролл, 30);
}
};
</скрипт>
</голова>
<тело>
<div id="div1">
<ул>
<ли>
<img src="../Images/Number1/0.jpg" /></li>
<ли>
<img src="../Images/Number1/1.jpg" /></li>
<ли>
<img src="../Images/Number1/2.jpg" /></li>
<ли>
<img src="../Images/Number1/3.jpg" /></li>
<ли>
<img src="../Images/Number1/4.jpg" /></li>
</ul>
</div>
</тело>