begin process at 2010 03 21 04:04:39
  Trouver un code source :
 
dans
 
Accueil > 

Tutoriels

 > 

Tutoriaux

 > TUTO SUR LES BALISES DE DÉFILEMENT

TUTO SUR LES BALISES DE DÉFILEMENT


 Information sur le tutoriel

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

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10

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>

@++

Commentaires

Commentaire de GoW le 18/06/2005 19:47:03

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

Commentaire de GoW le 18/06/2005 19:47:46

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

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

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 ?

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 ?

Commentaire de kiki66 le 20/12/2007 23:43:56

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

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.  

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.

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

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

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

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

Mars 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728
293031    

Consulter la suite du CalendriCode

 
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

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,094 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales