Defilement horizontal de texte
Soyez le premier à donner votre avis sur cette source.
Snippet vu 46 576 fois - Téléchargée 35 fois
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.
A voir également
- Texte défilant javascript
- Texte défilant css - Meilleures réponses
- Text défilant css - Meilleures réponses
- Javascript : Texte Défilant Continu - CodeS SourceS - Guide
- Javascript : Superbe texte défilant - CodeS SourceS - Guide
- Javascript : Super texte défilant verticalement et disparaissant avec dégradé - - Guide
- Javascript : Texte défilant (sympa et facile) - CodeS SourceS - Guide
- Javascript : Texte defilant verticalement pour votre site - CodeS SourceS - Guide
28 sept. 2006 à 19:53
merci
- Messages postés
-
12303
- Date d'inscription
- mardi 10 février 2004
- Statut
- Membre
- Dernière intervention
- 30 juillet 2012
412 mars 2005 à 15:13
lis des tutoriaux aulieu de poster des commentaires...
2 mars 2005 à 14:54
2. j'ai fait des essais, ça défile pas, ça reste statique
- Messages postés
-
12303
- Date d'inscription
- mardi 10 février 2004
- Statut
- Membre
- Dernière intervention
- 30 juillet 2012
412 mars 2005 à 14:42
2 mars 2005 à 14:27
y'a quelqu'un ??
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.