Introduction aux exemples d'utilisation des balises de sélection HTML_HTML/Xhtml_Production de pages Web-tutoriel HTML-php.cn

Cette balise ne fait pas partie de HTML3.2 et ne prend en charge que les noyaux MSIE3 et versions ultérieures, donc si vous utilisez un navigateur non-IE (tel que Netscape), vous ne pourrez peut-être pas voir certains des effets intéressants suivants
Cette balise est une balise de conteneur

Code défilant d'annonce de chapiteau

Le code de défilement d'annonce de site Web le plus simple, basé sur la lanterne tournante de chapiteau, défilant verticalement vers le haut, sous forme de tableau, peut être utilisé même si vous ne le faites pas connaître CSS.

<html>
<tête>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>Code JS défilant d'annonce</title>
≪/tête>
<corps>
<div align="centre">
<table border="1" width="206" Cellpacing="0" cellpadding="0" style="border-collapse: Réduire" hauteur="90" id="table1">
<tr>
<td valign="top"><MARQUEE onmouseover=this.stop() onmouseout=this.start() scrollAmount=1 scrollDelay=100 direction=up height="99%">
 <TABLE cellSpacing=0 cellPadding=0 width="95%" align=center border=0>
     <TBODY>
      <TR>
        <TD vAlign=hauteur supérieure=120>
           <P style="LINE-HEIGHT : 150 %;font-size:9pt"><FONT color=#000033>·<A href="#" >Bienvenue ! </A></POLICE>
<Couleur de police=#000033>·<A
href="#">Plus de codes de script de Script House...</A></FONT>
<Couleur de police=#000033>·<A
href="#">Un site Web d'apprentissage du code source... </A></FONT>
<FONT color=#000033>·<A href="#">Si vous avez des suggestions, veuillez nous les soumettre... </A></FONT>
<FONT color=#000033>·<A href="#">Merci beaucoup pour vos visites fréquentes</A></FONT>
<FONT color=#000033>·<A href="#">Merci encore et au revoir</A></FONT>
</TD></TR></TBODY></TABLE></MARQUEE></td>
  ≪/tr>
 </tableau>
</div>
</corps>
</html>

Astuce : Vous pouvez modifier une partie du code avant d'exécuter

Syntaxe :

< ;/marquee>

Ce qui suit est l'exemple le plus simple :

Le code est le suivant :

Copier le code

Le code est le suivant :

Bonjour, Monde

Les deux événements suivants sont souvent utilisés :

onMouseOut="this.start()" : utilisé pour configurer la souris pour qu'elle continue à défiler lorsqu'elle quitte la zone
onMouseOver="this.stop()" : Utilisé pour que la souris arrête le défilement lorsqu'elle se déplace dans cette zone

Le code est le suivant :

Copier le code

Code comme suit :

onMouseOut="this.start()": utilisé pour configurer la souris pour qu'elle sorte du défilement continu lorsque la zone est atteinte. onMouseOver="this.stop()": utilisé pour configurer la souris pour qu'elle arrête le défilement lorsque la zone est atteinte. la souris se déplace dans la zone

Ceci est un exemple complet :

Le code est le suivant :

Copier le code

Le code est le suivant :

Ceci est un exemple complet

Cette balise prend en charge jusqu'à 11 attributs :

aligner

Définir l'alignement du contenu de la balise
absbottom : alignement absolu du bas (avec g, p Aligner sur le bas de la lettre)
absmiddle : alignement absolu au centre
baseline : alignement de la ligne du bas
bottom : alignement du bas (par défaut)
gauche : alignement à gauche
milieu : alignement au milieu
droite : alignement à droite
texttop : alignement de la ligne du haut
top : alignement du haut

Le code est le suivant :

Copier le code

Le code est le suivant :

align="absbottom" : Alignement inférieur absolu (aligné avec l'extrémité la plus basse de lettres telles que g, p, etc.).
align="absmiddle" : Alignement central absolu.
align="baseline" : Alignement de la ligne inférieure.
align="bottom": Alignement inférieur (par défaut).
align="left" : aligné à gauche.
align="middle": Alignement du milieu.
align="right" : aligné à droite.
align="texttop" : Alignement de la ligne supérieure.
align="top" : Alignement supérieur.

comportement

Définissez la méthode de défilement :

alternative : signifie faire défiler d'avant en arrière entre les deux extrémités.
faire défiler : signifie défiler d'un bout à l'autre, et sera répété.
slide : signifie défiler d'un bout à l'autre sans répétition.

Le code est le suivant :

Copiez le code

Le code est le suivant :

alternate : Indique un défilement d'avant en arrière entre les deux extrémités.
scroll : indique le défilement d'une extrémité à l'autre et se répétera.
slide : Indique le défilement d'une extrémité à l'autre sans répétition.

bgcolor

Définissez la couleur d'arrière-plan des sous-titres actifs. La couleur d'arrière-plan peut être définie en RVB, au format de valeur hexadécimale ou en nom de couleur.

Le code est le suivant :

Copiez le code

Le code est le suivant :

Définir la couleur d'arrière-plan des sous-titres actifs bgcolor="#006699"
Définir la couleur d'arrière-plan des sous-titres actifs bgcolor="rgb(10%,50%,100%,)"

direction

Définir le sens de défilement des sous-titres actifs

Le code est comme suit :

Copiez le code

Le code est le suivant :

< marquee direction="down">Définir le défilement des sous-titres actifs Direction direction="down": Down

" : Vers la gauche
Définir le sens de défilement des sous-titres actifs direction="right": right
Définir le sens de défilement des sous-titres actifs direction="up": Haut

hauteur

Définir la hauteur des sous-titres actifs

Le code est le suivant :

Copier le code

Le code est le suivant :

Définir la hauteur des sous-titres actifs height="500"

largeur

Définissez la largeur des sous-titres actifs

code Comme suit :

Copiez le code

Le le code est le suivant :

Définir la largeur des sous-titres actifs width="500"

hspace

Définissez la distance entre la position des sous-titres actifs et la bordure horizontale du conteneur parent

Cela contrôle l'espace horizontal (horizontal) autour de la zone d'affichage

Le code est. comme suit :

Copier le code

Le code est le suivant :

hspace= "100"

>
Définir les sous-titres actifs La distance entre la position et la bordure verticale du conteneur parent

Ceci contrôle l'espace vertical autour de la zone d'affichage

Le code est le suivant :

Copier le code

Le code est le suivant : hspace="100"

loop

Définissez le nombre de fois où loop=-1 signifie tout faire défiler. l'heure, la valeur par défaut est -1
Le code est le suivant :

Copier le code

Le code est le suit : Je vais continuer à marcher.

Je n'ai marché que deux fois 🎜>

scrollamount

Définir la vitesse de défilement des sous-titres actifs en pixels

Le code est le suivant :

Copiez le code

Le code est le suivant :

scrollamount="10" >scrollamount="20" scrollamount="30" scrolldelay

Définissez le délai entre les sous-titres actifs défilant deux fois, unité milliseconde (milliseconde)

Une valeur plus grande aura l'effet d'une pause pas à pas

Le le code est le suivant :

Copier le code

Le code est le suivant :

< ;marquee scrolldelay="10" >scrolldelay= "10"

"1000">scrolldelay="1000" < ;/marquee>

Étiquettes associées：

html marquee

source：php.cn

Article précédent：Comment insérer une vidéo en HTML et être compatible avec tous les navigateurs_HTML/Xhtml_Web production de pages Article suivant：Le paramètre de largeur de la cellule du tableau td n'est pas valide et le contenu interne est toujours étiré_HTML/Xhtml_Production de pages Web

Déclaration de ce site Web

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Derniers articles par auteur