1. Accueil
  2. Tous les snippets
  3. Snippets Javascript
  4. Defilement horizontal de texte

Defilement horizontal de texte

Soyez le premier à donner votre avis sur cette source.

Snippet vu 43 140 fois - Téléchargée 33 fois

Commenter

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...

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

Ajouter un commentaire

Commentaires

Signaler
Messages postés
1
Date d'inscription
jeudi 28 septembre 2006
Statut
Membre
Dernière intervention
28 septembre 2006
ça marche sous ie mais pas sur firefox! comment le rendre compatible pour les 2???
merci
Signaler
Messages postés
12303
Date d'inscription
mardi 10 février 2004
Statut
Modérateur
Dernière intervention
30 juillet 2012
 36
mais t'avais pas que ça a copier... t'avais la div et le onload du body...
lis des tutoriaux aulieu de poster des commentaires...
Signaler
Messages postés
7
Date d'inscription
mardi 1 mars 2005
Statut
Membre
Dernière intervention
2 mars 2005
1.faut copier tout le code ou juste ce qui est grisé ??
2. j'ai fait des essais, ça défile pas, ça reste statique
Signaler
Messages postés
12303
Date d'inscription
mardi 10 février 2004
Statut
Modérateur
Dernière intervention
30 juillet 2012
 36
attends, t'as les sources d'une page complète, tu bloques ou ????
Signaler
Messages postés
7
Date d'inscription
mardi 1 mars 2005
Statut
Membre
Dernière intervention
2 mars 2005
hello
y'a quelqu'un ??
Afficher les 16 commentaires
S'inscrire maintenant

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.

Du même auteur (cs_olive92)