JavaScript Défilement

Défilement d'un texte en JavaScript.

Exemple :

 

<html>

<head>

	<script>
  
		var defile;// l'element a deplacer 
		var psinit = 580; // position horizontale de depart 
  		var pscrnt = psinit; 
  
		function texteDefile() 
		{ 
   			if (!defile) 
				{
					defile = document.getElementById('defile'); 
				}
   			if (defile) 
				{ 
     				if (pscrnt < ( - defile.offsetWidth) )
						{ 
       						pscrnt = psinit; 
					    }
					else
						{ 
							pscrnt+= -1; // pixel par deplacement 
						} 
					defile.style.left = pscrnt+"px"; 
				} 
 		}	 

	</script>

</head>
				
<body>

	<div style="position:relative; width:400px; height:20px; overflow:hidden;">
		<div id="defile" style="position:absolute; margin-top:1px; background-color:transparent;">Voilà un très joli texte défilant</div>
	</div>

	<script>
		setInterval("texteDefile()",10); // delai de deplacement 
	</script>

</body>

</html> 
		
Voir