Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

TUTO SUR LES BALISES DE DÉFILEMENT


Information sur le tutorial

Catégorie :Tutoriaux Date de création : 22/07/2004 13:07:35 Vu : 17 430 fois

Note :
8,67 / 10 - par 9 personnes
8,67 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10

Commentaire sur cette source (12)
Ajouter un commentaire et/ou une note

Tutorial

 Slt,
je vais vous présenter un tutorial sur les balises <marquee> qui permet de faire défiler du texte comme des images... 

<marquee>Votre texte</marquee>


Nous n'allons pas laisser la balise tel quel voila ce qu'il est possible d'y rajouter:

Les paramètres

Valeurs possibles

A quoi ça sert ?

Direction right
down
left
up
right=vers la droite
down= vers le bas
left=vers la gauche
up=vers le haut
Behavior

Alternate
Scroll
Slide

Va et vient
défile
défile et s'arrete ( loop devant être réglé à 1)
Width et Height défini en pixels ou en pourcentage de la fenêtre

Largeur ou Hauteur de la marquise.

Loop nombre

Nombre de "passage" de la marquise.

Régler sur -1 ou infinite pour obtenir une animation infinie

Z-index nombre Réglage de la superposition des images. Plus le nombre est grand, plus l'image se trouvera sur le dessus lors du "croisement" des images.
ScrollAmount nombre

Ici on indique de combien de pixels l'image ou le texte avance à chaque "pas".

ScrollDelay nombre En millisecondes: le délai entre chaque avancée ou pas de l'image.

Mais il est aussi possible de rajouter ceci:

onmouseover='this.stop()'

 Quand le curseur survol, la marquise l'animation se stope

onmouseout='this.start()'

 Quand le curseur sort de la marquise, l'animation repart

Un petit exemple pour la fin:
<marquee onmouseover="this.stop()" onmouseout="this.start()" behavior="loop" width="100" loop="-1" direction="up" height="50" scrollamount="1" scrolldelay="10">coucou</marquee>

@++

signaler à un administrateur
Commentaire de GoW le 18/06/2005 19:47:03

Pas mal mais il manque quand même quelques balises :(
Bonne continuation

signaler à un administrateur
Commentaire de GoW le 18/06/2005 19:47:46

Pas mal mais il manque quand même quelques balises :(
Bonne continuation

signaler à un administrateur
Commentaire de Palleas_44 le 14/09/2006 09:51:24

Il est important aussi de dire que la balise marquee et les normes du W3C ne sont pas super potes ^^

signaler à un administrateur
Commentaire de scorpio28 le 27/10/2006 18:46:04

j'aime bien ce tuto que je trouve asser pratique ^^
=>Palleas_44 : la balise marquee et les normes du W3C ne sont pas super potes ^^
Par quoi peut-on remplacer la balise marquee dans ce cas ?

signaler à un administrateur
Commentaire de scorpio28 le 27/10/2006 18:46:29

j'aime bien ce tuto que je trouve asser pratique ^^
=>Palleas_44 : la balise marquee et les normes du W3C ne sont pas super potes ^^
Par quoi peut-on remplacer la balise marquee dans ce cas ?

signaler à un administrateur
Commentaire de kiki66 le 20/12/2007 23:43:56

tres simple a comprendre pour le novice que je suis,,,,encore

signaler à un administrateur
Commentaire de salah4444 le 06/02/2008 12:49:19

bjr
après que tout les objets qui se metent entre la balise marquee se passent, il apparait un vide et dure quelques secondes!!!
Est qu'il existe une balise ou un code java script pour eviter ce vide!!!
merci.  

signaler à un administrateur
Commentaire de frlef le 16/09/2008 18:23:43

bonjour :-)

Bravo, sympa de te décarcasser pour expliquer marquee mais je te rappel que marquee ne fonctionne QUE sous IE. Donc, si tu veux un site lisible partout et tous, oublie cette balise. @+, amitiés.

signaler à un administrateur
Commentaire de malickouatt le 09/10/2008 14:33:58

Slt, c super mais, peut tu me donner une balise passe partout ?
je voudrais savoir s'il est préferable d'utiliser une animation swf en lieu et place de marquee.
Merci de me repondre

signaler à un administrateur
Commentaire de marcotte le 08/02/2009 05:30:18

CITATION :
"j'aime bien ce tuto que je trouve asser pratique ^^
=>Palleas_44 : la balise marquee et les normes du W3C ne sont pas super potes ^^
Par quoi peut-on remplacer la balise marquee dans ce cas ?
"
REPONSE :
Utilise le DHTML (javascript+CSS)
TU pourra te faire une balise compatible avec tous les navigateurs.
De pplus, étudier le DHTML te rendra service pour un site web plus attractif et plus léger^^

signaler à un administrateur
Commentaire de marcotte le 08/02/2009 05:30:42

CITATION :
"j'aime bien ce tuto que je trouve asser pratique ^^
=>Palleas_44 : la balise marquee et les normes du W3C ne sont pas super potes ^^
Par quoi peut-on remplacer la balise marquee dans ce cas ?
"
REPONSE :
Utilise le DHTML (javascript+CSS)
TU pourra te faire une balise compatible avec tous les navigateurs.
De pplus, étudier le DHTML te rendra service pour un site web plus attractif et plus léger^^

signaler à un administrateur
Commentaire de marcotte le 08/02/2009 05:31:24

CITATION :
"j'aime bien ce tuto que je trouve asser pratique ^^
=>Palleas_44 : la balise marquee et les normes du W3C ne sont pas super potes ^^
Par quoi peut-on remplacer la balise marquee dans ce cas ?
"
REPONSE :
Utilise le DHTML (javascript+CSS)
TU pourra te faire une balise compatible avec tous les navigateurs.
De pplus, étudier le DHTML te rendra service pour un site web plus attractif et plus léger^^

Ajouter un commentaire



Nos sponsors

Sondage...

CalendriCode

Juillet 2009
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
2728293031  

Consulter la suite du CalendriCode

Comparez les prix Nouvelle version

Photothèque Nouveau !



Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés
Temps d'éxécution de la page : 0,390 sec

Google Coop CodeS-SourceS Google Coop CodeS-SourceS


Certaines images présentes sur le site (notament certains avatars) sont issues des collections IconShock, donc si vous souhaitez utiliser ces icons vous devez les acheter, ne les copiez pas et ne utilisez pas dans vos sites et applications sans les avoir commandé.