效果：
代码：
复制代码代码如下:
<หัว runat="เซิร์ฟเวอร์">
<title></title>
<style type="text/css">
#div1
-
ความกว้าง: 245px;
ความสูง: 150px;
พื้นหลัง: สีแดง;
ระยะขอบ: 250px;
ขอบซ้าย: 500px;
ตำแหน่ง: แน่นอน;
ล้น: ซ่อนเร้น;
-
#div1 อุลลี
-
ลอย: ซ้าย;
ความกว้าง: 44px;
ส่วนสูง: 66px;
ขอบบน: 20px;
ขอบขวา: 5px;
รายการสไตล์: ไม่มี;
-
#div1ul
-
ความกว้าง: 250px;
ตำแหน่ง: แน่นอน;
ช่องว่างภายใน: 0;
-
</สไตล์>
<script type="text/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';
ฟังก์ชั่นม้วน () {
ถ้า (oul.offsetLeft <= -oul.offsetWidth / 2) {
oul.style.left = '0';
-
oul.style.left = oul.offsetLeft - 2 + 'px';
-
ตัวจับเวลา var = null;
จับเวลา = setInterval (ม้วน 30);
odiv.onmouseover = ฟังก์ชั่น () {
clearInterval (จับเวลา);
-
odiv.onmouseout = ฟังก์ชั่น () {
จับเวลา = setInterval (ม้วน 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>
</ร่างกาย>