À propos de :
Par exemple :
复制代码代码如下 :
<head runat="serveur">
<titre></titre>
<style type="text/css">
#div1
{
largeur : 245 px ;
hauteur : 150px ;
fond : rouge ;
marge : 250px ;
marge gauche : 500 px ;
position : absolue ;
débordement : caché ;
}
#div1 ul li
{
flotteur : gauche ;
largeur : 44px ;
hauteur : 66px ;
marge supérieure : 20 px ;
marge droite : 5px ;
style de liste : aucun ;
}
#div1 ul
{
largeur : 250 px ;
position : absolue ;
remplissage : 0 ;
}
</style>
<script type="text/javascript">
window.onload = fonction () {
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';
fonction rouleau() {
if (oul.offsetLeft <= -oul.offsetWidth / 2) {
oul.style.left = '0';
}
oul.style.left = oul.offsetLeft - 2 + 'px';
}
var minuterie = nul ;
minuterie = setInterval(roll, 30);
odiv.onmouseover = fonction () {
clearInterval (minuterie);
}
odiv.onmouseout = fonction () {
minuterie = setInterval(roll, 30);
}
} ;
</script>
</tête>
<corps>
<identifiant div="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>
</corps>