Franc83


Balises Marquee Convertir en PDF Version imprimable
14-09-2008

Les balises marquee



  • Cette balise n'est pas reconnu par Netscape qui ne rendra son contenu qu'en élément fixe et immobile.
  • L'avantage de l'élément MARQUEE est sa mise en oeuvre facile et son code compact, mais il est possible d'obtenir le même effet avec des scripts.
  • Si l'attribut width n'est pas présent, la largeur par défaut de l'élément MARQUEE est égale à la largeur de l'élément parent.
  • Quand un élément MARQUEE est inclus dans une cellule dont la largeur n'est pas spécifiée, vous devez fixer la largeur de l'élément MARQUEE avec l'attribut witdh. Si aucune largeur n'est spécifiée, ni pour MARQUEE ni pour TD, la largeur de l'élément MARQUEE est réduite d'office à 1- pixel.( plus de défilement ! )


Exemples d'utilisations :



exemple sur toute la largeur

 



exemple dans une cellule de 100 pixels

exemple dans une cellule sans spécification de largeur

Dans cet exemple, aucune largeur n'a été spécifiée, ni pour la cellule, ni pour la "marquise"



  HTML
Définition Elément permettant de créer des zones de défilement de texte dans un document HTML 2.0 3.2
Syntaxe <marquee attributs>....texte à faire défiler...</marquee>    
Attributs spécifiques
  Align= Permet d'aligner un texte par rapport à une marque    
  Behaviour= Permet de définir le comportement du texte dans une marque    
  Bgcolor= Spécifie la couleur de fond d'une marque ( deprecated )    
  Direction= Indique la direction de défilement du texte.    
  Height= Permet de définir la hauteur (en pixels) d'une marque    
  Hspace= Spécifie l'espace horizontal (en pixels) entre le texte et le bord gauche ou droit de la marque    
  Loop= Introduit une boucle qui permet de repasser le texte dans la marque    
  Scrolldelay= Définit un délai entre deux apparitions du texte    
  Scrollamount= Permet de paramétrer (en pixels) l'intervalle entre deux apparitions du texte    
  Vspace= Spécifie l'espace vertical (en pixels) entre le texte et le bord supérieur ou inférieur de la marque    
  Width= Définit la largeur (en pixels) de la marque    
  Note: L'élément MARQUEE est un élément fermé.    
Remarque : L'élément MARQUEE est spécifique d'Internet Explorer et ne figure pas dans les spécifications HTML 3.2 ou HTML 4.0.



 



Explication:



Avec la balise <MARQUEE> vous introduisez le texte à faire défiler. Puis suit le texte qui doit défiler.
À la fin du texte à faire défiler, notez un repère de fermeture : </MARQUEE>



Avec direction="right" dans le repère d'ouverture vous forcez le sens de déroulement de gauche à droite (direction = direction, right = droite). Avec direction="left" vous réglez le sens de défilement de droite à gauche (réglage par défaut) .



Par l'attribut scrollamount= dans le repère d'ouverture vous déterminez le nombre de pixels entre deux mouvements. Avec scrolldelay= vous fixez le délai entre deux mouvements en millièmes de secondes (amount = montant, delay = délai).



Par l'attribut behavior="alternate" vous forcez l'alternance (behavior = conduite, alternate = alternée).



Par l'attribut bgcolor= vous parvenez à ce que le texte déroulant apparaisse dans un cadre d'une autre couleur (bgcolor = background color = couleur d'arrière-plan). Pour le choix des couleurs s'appliquent les règles pour définir les couleurs en HTML.



Avec align="top" vous obtenez que le texte environnant soit aligné en haut par rapport au texte déroulant. Avec align="middle" le texte environnant sera aligné au centre par rapport au texte déroulant, avec align="bottom" aligné en bas (align = alignement, top = haut, middle = milieu, bottom = en bas).



Par la mention supplémentaire height= vous déterminez la hauteur du domaine de défilement (height = hauteur). Cette mention est intéressante avant tout quand vous déterminez pour le domaine de défilement une couleur d'arrière plan particulière. Avec la hauteur du domaine de défilement, vous fixez alors la hauteur du cadre de couleur différente dans lequel le texte défilera. La mention se fait soit en valeur absolue en pixels, soit en valeur relative en pourcentage de la fenêtre d'affichage.



Avec hspace= vous déterminez un espace entre le texte déroulant et le texte qui suit immédiatement ou précède immédiatement (hspace = horizontal space = espace horizontal). Cette mention a lieu d'être si vous définissez un passage de texte déroulant au milieu d'un texte. La mention de l'espace séparant le texte qui précède ou qui suit se fait en pixels . L'espace indiqué est valable pour le texte qui précède comme pour le texte qui suit.



Attention:Nombreux sont ceux qui veulent absolument avoir un tel texte déroulant sur leur page et qui sont tout tristes que d'autres navigateurs ne connaissent pas le repère marquee. Il y a plusieurs alternatives au repère marquee. L'une d'entre elles est de programmer un effet de texte déroulant avec HTML dynamique. Une autre est de faire ce genre de choses avec Java ou Flash.



 



syntaxe propriétaire de marquee :



<MARQUEE
accesskey="key"(5.5)
behavior="alternate | scroll | slide"(3)
bgcolor="color name | #RRGGBB"(3)
class="class name(s)"(4)
contenteditable="false | true | inherit"(5.5)
datafld="column name"(4)
dataformatas="html | text"(4)
datasrc="data source id"(4)
direction="down | left | right | up"(3)
dir="ltr | rtl"(5.0)
height="pixels or percentage"
hidefocus="true | false"(5.5)
hspace="pixels"(3)
id="unique alphanumeric identifier"(4)
lang="language code"(4)
language="javascript | jscript | vbs | vbscript"(4)
loop="infinite | number"(3)
scrollamount="pixels"(3)
scrolldelay="milliseconds"(3)
style="style information"(4)
tabindex="number"(5.5)
title="advisory text"(4)
truespeed="false | true"(4)
unselectable="on | off"(5.5)
vspace="pixels"(3)
width="pixels or percentage"(3)>
........
< /MARQUEE>

Démos :

behavior = scroll / direction=left



texte déroulant :le défilement est continu

DEFILEMENT CONTINU de droite à gauche



Agissez sur le défilement :



 

 

 


 

 



Behavior = slide



Le déroulement s'arrête dès que le texte atteint le bord supérieur :



...scrollAmount=2 hspace=20 scrollDelay=100 direction=up behavior=slide
width="80%" bgColor=white height="60%" ALIGN="bottom">



A bientôt !



Agissez sur le défilement :










Citez cet article

  Commenter cet article

Commenter
  • Les messages comportant des attaques verbales contre les personnes seront supprimés.
  • Vous pouvez renouveler le code de sécurité en appliquant un rafraîchissement à votre navigateur.
  • Appliquer cette méthode de rafraîchissement si vous avez entré un mauvais code de sécurité.
Nom
E-mail
Site web
Titre
BBCode:Web AddressEmail AddressBold TextItalic TextUnderlined TextQuoteCodeOpen ListList ItemClose List
Commentaire



Code:* Code
Je désire être prévenu par mail des commentaires qui suivront

Powered by AkoComment Tweaked Special Edition v.1.4.6
AkoComment © Copyright 2004 by Arthur Konze - www.mamboportal.com
All right reserved

 
Suivant >

Liens amis

Compteur.org

e-dilik.fr

NetFox2.net

IgloOps.fr

Infostuces

Mixx Radio Gold

Mobile Astuces

-------------

Votre site ici

Notre logo

Aide et astuces pour  blogs

Cliquez droit dans la zone où se trouve le code html et "copier"


Nos autres Logos...

S'abonner

devenir amis sur facebook

Votre adresse email ici pour recevoir les nouveautés du site directement dans votre boite

Nos Gadgets

Installez nos gadgets

gratuits Live Spaces

albi-gadget.jpg

Albidochon

oeil2moscou.jpg

Oeil 2 Moscou

Aidez-nous

aidez-nous

Recommandez ce
site à un ami

Statistiques

Generated in 0.59944 Seconds