Bonjour,

J'aimerais bien créer un petit script qui affiche une boite qui "avance" sur l'écran.

Pour m'entrainer j'ai créer un petit script mais non seulement l'élement avance par "saccade" et ne s'arrete pas à 500px... si quelqu'un pouvait m'aider....

Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<style type="text/css">
#boite
	{
	height : 100px;
	width : 100px;
	background-color : red;
 
	position:absolute;
	left:50px;
	}		
</style>
 
 
<script type="text/javascript">	
function chargement()
	{
	var e = document.getElementById("boite");
 
	for (var i = 0; i < 500; i++)
		{
		setInterval(function() {e.style.left = [i++]},500); 
		}
	}
</script>
 
 
</head>
<body onload="chargement();">
 
 
<div id="boite">
Boite !
</div>