arti:
Contohnya:
复制代码代码如下:
<head runat="server">
<judul></judul>
<gaya tipe="teks/css">
#div1
{
lebar: 245 piksel;
tinggi: 150 piksel;
latar belakang: merah;
margin: 250 piksel;
margin-kiri: 500px;
posisi: mutlak;
meluap: tersembunyi;
}
#div1 ul li
{
mengapung: kiri;
lebar: 44 piksel;
tinggi: 66 piksel;
margin-atas: 20 piksel;
margin-kanan: 5px;
gaya daftar: tidak ada;
}
#div1 st
{
lebar: 250 piksel;
posisi: mutlak;
bantalan: 0;
}
</gaya>
<skrip tipe="teks/javascript">
jendela.onload = fungsi () {
var oul = document.getElementsByTagName('ul')[0];
var odiv = dokumen.getElementById('div1');
var ali = dokumen.getElementsByTagName('li');
oul.innerHTML = oul.innerHTML + oul.innerHTML;
oul.style.width = (ali[0].offsetWidth + 5) * ali.length + 'px';
fungsi gulungan() {
if (oul.offsetLeft <= -oul.offsetWidth / 2) {
oul.style.kiri = '0';
}
oul.style.left = oul.offsetLeft - 2 + 'px';
}
var pengatur waktu = nol;
timer = setInterval(putaran, 30);
odiv.onmouseover = fungsi () {
clearInterval(pengatur waktu);
}
odiv.onmouseout = fungsi () {
timer = setInterval(putaran, 30);
}
};
</skrip>
</kepala>
<tubuh>
<divid='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>
</tubuh>