begin process at 2008 08 30 01:01:59
1 233 969 membres
8 nouveaux aujourd'hui
14 294 membres club

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 : 13 465 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 (7)
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.  

Ajouter un commentaire

Pub



Appels d'offres

Recherche developpeur ...
Budget : 700€
SITE MARCHAND LOCATION...
Budget : 3 000€
SITE MARCHAND POUR HOTEL
Budget : 4 000€

CalendriCode

Août 2008
LMMJVSD
    123
45678910
11121314151617
18192021222324
25262728293031

VS Express FR Gratuit !

VS Express en français et 100% gratuit !

Boutique

Boutique de goodies CodeS-SourceS