Defilement horizontal de texte
Soyez le premier à donner votre avis sur cette source.
Snippet vu 44 794 fois - Téléchargée 34 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
- Css texte défilant horizontal
- Texte défilant javascript - Meilleures réponses
- Texte défilant css - Meilleures réponses
- Css texte défilant vertical - Guide
- Java : Défilement horizontal d'un texte dans une applet - Guide
- Flash : Encore un texte défilant mais horizontalement ( du type marquee en html) - CodeS Sou - Guide
- Visual Basic / VB.NET : Défilement horizontal de texte - CodeS SourceS - Guide
- Java : Défilement horizontal de texte dans un jtextfield. - CodeS SourceS - Guide
merci
- Messages postés
-
12303
- Date d'inscription
- mardi 10 février 2004
- Statut
- Modérateur
- Dernière intervention
- 30 juillet 2012
41lis des tutoriaux aulieu de poster des commentaires...
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
- Modérateur
- Dernière intervention
- 30 juillet 2012
41y'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.