Defilement horizontal de texte
Contenu du snippet
Ce code permet de faire défiler du texte contenu dans une simple balise DIV à la manière d'une banière.
Il est possible de modifier facilement la vitesse de défilement et les positions du texte...
Le code tient maintenant compte de la largeur de l'écran. Il ne reste plus qu'à déterminer la longueur de texte incorporé dans la balise DIV en remplaçant 175 de l'exemple par la longueur en pixel de votre texte. Si la résolution de l'écran change le code saura s'y adapter sans modification.
Il est possible de modifier facilement la vitesse de défilement et les positions du texte...
Source / Exemple :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 TRANSITIONAL//EN">
<html>
<head>
<title>DEPLACEMENT HORIZONTAL DE TEXTE</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript">
rd=10;
la=screen.availWidth;
function c1()
{
rd+=10;
if (rd>la-175) // selon longueur texte
rd=20;
el=document.getElementById("a");
el.style.left=rd;
setTimeout("c1()", 100); // vitesse de défilement
}
</script>
</head>
<body onLoad="c1();">
<div align="center" style="position:absolute; top:450; left:20" id="a">TEXTE A MODIFIER</div>
</body>
</html>
Conclusion :
Le code tient maintenant compte de la largeur de l'écran. Il ne reste plus qu'à déterminer la longueur de texte incorporé dans la balise DIV en remplaçant 175 de l'exemple par la longueur en pixel de votre texte. Si la résolution de l'écran change le code saura s'y adapter sans modification.
Vous n'êtes pas encore membre ?
inscrivez-vous, c'est gratuit et ça prend moins d'une minute !
Les membres obtiennent plus de réponses que les utilisateurs anonymes.
Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.
Le fait d'être membre vous permet d'avoir des options supplémentaires.