communauté Apprendre Bibliothèque d'outils Loisirs
recherche
Français
Maison > interface Web > tutoriel HTML > Explication détaillée de l'attribut chapiteau en HTML

Explication détaillée de l'attribut chapiteau en HTML

高洛峰
Libérer： 2017-02-09 17:45:52
original
1785 Les gens l'ont consulté

Cet article présente principalement des informations pertinentes sur l'attribut marquee en HTML. Les amis qui en ont besoin peuvent s'y référer

Cette balise ne fait pas partie de HTML3.2 et ne prend en charge que le noyau de MSIE3 et versions ultérieures, donc. si vous utilisez des navigateurs non-IE (tels que Netscape), vous ne pourrez peut-être pas voir certains des effets intéressants suivants

Cette balise est une balise conteneur

Syntaxe : 

<marquee></marquee>
Copier après la connexion

Ce qui suit est l'exemple le plus simple :

Le code est le suivant :

<marquee><font size=+3 color=red>Hello, World</font></marquee>
Copier après la connexion

Ci-dessous Ces deux événements sont souvent utilisés :

onMouseOut="this.start()" : utilisé pour configurer la souris pour qu'elle continue à défiler lorsqu'elle sort de la zone

onMouseOver="this.stop()" : Utilisé pour que la souris arrête de défiler lorsqu'elle se déplace dans cette zone

Le code est le suivant :

<marquee onMouseOut="this.start()" onMouseOver="this.stop()">onMouseOut="this.start()" ：用来设置鼠标移出该区域时继续滚动 onMouseOver="this.stop()"：用来设置鼠标移入该区域时停止滚动</marquee>
Copier après la connexion

Ceci est un exemple complet :

Le code est le suivant :

<marquee id="affiche" align="left" behavior="scroll" bgcolor="#FF0000" direction="up" height="300" width="200" hspace="50" vspace="20" loop="-1" scrollamount="10" scrolldelay="100" onMouseOut="this.start()" onMouseOver="this.stop()">
这是一个完整的例子
</marquee>
Copier après la connexion

Cette balise prend en charge jusqu'à 11 attributs :

align

Définissez l'alignement du contenu de la balise

absbottom : alignement absolu du bas (aligné avec le bas des lettres telles que g, p, etc.)
absmiddle : alignement du centre absolu
baseline : alignement de la ligne du bas
bottom : alignement du bas (par défaut)
gauche : alignement à gauche
middle : alignement du milieu
right : alignement à droite
texttop : alignement de la ligne supérieure
top : alignement du haut

Le code est le suivant : 

<marquee align="absbottom">align="absbottom"：绝对底部对齐（与g、p等字母的最下端对齐）。 </marquee>
<marquee align="absmiddle">align="absmiddle"： 绝对中央对齐。 </marquee>
<marquee align="baseline">align="baseline"： 底线对齐。 </marquee>
<marquee align="bottom">align="bottom"： 底部对齐（默认）。 </marquee>
<marquee align="left">align="left"： 左对齐。 </marquee>
<marquee align="middle">align="middle"： 中间对齐。 </marquee>
<marquee align="right">align="right"： 右对齐。 </marquee>
<marquee align="texttop">align="texttop"： 顶线对齐。 </marquee>
<marquee align="top">align="top"： 顶部对齐。 </marquee>
Copier après la connexion

comportement

Définir le défilement La manière :

alterner : signifie faire défiler d'avant en arrière entre les deux extrémités.

faire défiler : cela signifie faire défiler d'un bout à l'autre, et cela se répétera.

slide : signifie défiler d'un bout à l'autre sans répétition.

Le code est le suivant :

<marquee behavior="alternate">alternate：表示在两端之间来回滚动。 </marquee>
<marquee behavior="scroll">scroll：表示由一端滚动到另一端，会重复。</marquee>
<marquee behavior="slide">slide：  表示由一端滚动到另一端，不会重复。</marquee>
Copier après la connexion

bgcolor

Définir la couleur de fond 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 :

<marquee bgcolor="#006699">设定活动字幕的背景颜色 bgcolor="#006699"</marquee>
<marquee bgcolor="RGB(10%,50%,100%,)">设定活动字幕的背景颜色 bgcolor="rgb(10%,50%,100%,)"</marquee>
<marquee bgcolor="red">设定活动字幕的背景颜色 bgcolor="red"</marquee>
Copier après la connexion

direction

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

Le code est le suivant :

<marquee direction="down">设定活动字幕的滚动方向direction="down"：向下</marquee>
<marquee direction="left">设定活动字幕的滚动方向direction="left"：向左</marquee>
<marquee direction="right">设定活动字幕的滚动方向direction="right"：向右</marquee>
<marquee direction="up">设定活动字幕的滚动方向direction="up"：向上</marquee>
Copier après la connexion

hauteur

Définir la hauteur des sous-titres actifs

Le code est le suivant :

<marquee height="500" direction="down" bgcolor="#CCCCCC">设定活动字幕的高度height="500"</marquee>
Copier après la connexion

largeur

Définir la largeur des sous-titres actifs

Le code est le suivant :

<marquee width="500" bgcolor="#CCCCCC">设定活动字幕的宽度width="500"</marquee>
Copier après la connexion

hspace

Définissez la distance de position dans les sous-titres actifs. La distance entre la bordure horizontale du conteneur parent

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

Le code est le suivant :

  <table width="500" border="1" align="center" cellpadding="0" cellspacing="0">
    <tr>
      <td><marquee hspace="100" bgcolor="#CCCCCC">hspace="100"</marquee></td>
    </tr>
  </table>
Copier après la connexion

vspace

Définir la distance entre la position active du sous-titre et la bordure verticale du conteneur parent

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

Le code est le suivant :

<marquee vspace="100" bgcolor="#CCCCCC">hspace="100"</marquee>
Copier après la connexion

loop

Définissez le nombre de défilements, lorsque loop=-1 signifie défiler tout le temps, la valeur par défaut est -1

Le code est le suivant :

<marquee loop="-1" bgcolor="#CCCCCC">我会不停地走。</marquee>
<p> </p>
<marquee loop="2" bgcolor="#CCCCCC">我只走两次哦</marquee>
Copier après la connexion

scrollamount

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

Le code est le suivant : 

<marquee scrollamount="10" >scrollamount="10" </marquee>
<marquee scrollamount="20" >scrollamount="20" </marquee>
<marquee scrollamount="30" >scrollamount="30" </marquee>
Copier après la connexion

scrolldelay

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

Une valeur plus grande aura l'effet d'une étape et d'une pause

Le code est le suivant :

<marquee scrolldelay="10" >scrolldelay="10" </marquee>
<marquee scrolldelay="100" > scrolldelay="100"</marquee>
<marquee scrolldelay="1000">scrolldelay="1000" </marquee>
Copier après la connexion

Ce qui précède est une explication détaillée de l'attribut chapiteau en HTML introduit par l'éditeur. J'espère que cela vous sera utile. Si vous avez des questions, veuillez me laisser un message et je vous répondrai à temps. Je voudrais également vous remercier tous pour votre soutien au site Web PHP chinois !

Pour des articles plus détaillés sur l'attribut marquee en HTML, veuillez faire attention au site Web PHP chinois !

Étiquettes associées：
HTML Marquee
source：php.cn
Article précédent：Le préchargement HTML5 accélère le rendu des pages Article suivant：Comment utiliser les cases à cocher dans les pages HTML
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
Derniers numéros
Conversion automatique PX en erreur REM  <style>html {   taille de police : calc(100vw / 3,75);      }body {    taille de la...
Depuis 2024-04-16 09:34:16
0
0
4687
La page ne peut soudainement plus extraire le CSS ou le bootstrap Je suis donc en train de développer une page, j'en ai fait une partie hier et ça a très bi...
Depuis 2024-04-06 21:58:04
0
1
800
Comment résoudre le mystérieux espace vide en bas de page en CSS J'essaie de créer une page Web simple en utilisant Bootstrap et D3, mais je ne sais pas co...
Depuis 2024-04-06 20:22:15
0
1
454
Comment utiliser les composants Laravel avec des espaces réservés paresseux Livewire Je souhaite ajouter le squelette de mon composant Laravel dans un espace réservé livewire3...
Depuis 2024-04-06 20:02:10
0
2
543
Méthode de niveau supérieur pour remplacer une chaîne par du code HTML (généré à partir d'un tableau) Étant donné une chaîne comme celle-ci...$htmlPattern="Usernameis:#name#andusercompany...
Depuis 2024-04-06 17:40:41
0
2
410
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal