效果：
代碼：
複製程式碼如下：
<頭runat =“伺服器”>
<標題></標題>
<樣式類型=“文字/css”>
#div1
{
寬度：245px；
高度：150 像素；
背景：紅色；
邊距：250 像素；
左邊距：500px；
位置：絕對；
溢出：隱藏；
}
#div1 ul li
{
浮動：向左；
寬度：44px；
高度：66 像素；
上邊距：20px；
右邊距：5px；
列表樣式：無；
}
#div1 ul
{
寬度：250px；
位置：絕對；
填充：0；
}
</風格>
<腳本類型=“文字/javascript”>
window.onload = 函數() {
var oul = document.getElementsByTagName('ul')[0];
var odiv = document.getElementById('div1');
var ali = 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';
}
var 計時器 = null;
計時器 = setInterval(roll, 30);
odiv.onmouseover = 函數 () {
清除間隔（計時器）；
}
odiv.onmouseout = 函數 () {
計時器 = setInterval(roll, 30);
}
};
</腳本>
</頭>
<正文>
<div id="div1">
<ul>
<li>
<img src="../Images/Number1/0.jpg" /></li>
<li>
<img src="../Images/Number1/1.jpg" /></li>
<li>
<img src="../Images/Number1/2.jpg" /></li>
<li>
<img src="../Images/Number1/3.jpg" /></li>
<li>
<img src="../Images/Number1/4.jpg" /></li>
</ul>
</div>
</正文>