recherche

Maison  >  Article  >  interface Web  >  Exemple de code pour implémenter le défilement de texte en HTML5

Exemple de code pour implémenter le défilement de texte en HTML5

黄舟
黄舟original
2017-10-23 10:16:582671parcourir

Ensuite, introduisons la balise marquee

La balise marquee contribue grandement à la réalisation du défilement du texte

Les attributs communs sont les suivants :

répertoire indique la direction de défilement (la valeur par défaut est à gauche)

le comportement spécifie la méthode de défilement (la valeur par défaut est le défilement)

Hspace spécifie la distance horizontale entre l'élément et la zone

Vspace précise la distance verticale de l'élément à la zone

boucle Précise le nombre de boucles (par défaut -1 signifie boucle infinie)

Voici une petite châtaigne que j'ai réalisée, tu peux l'essayer 

<html>
    <head>
        <title> 文字轮滚</title>
        <meta charset="utf-8">
    </head>
    <body>
    <p align=center><marquee Hspace=6 scrollamount=3 width=200 height=40 bgcolor=red scrolldelay=1 behavior="scroll" directory="right">我是Cabby****人送外号白菜姐</marquee></p> 
    <p align=center><marquee Hspace=6 scrollamount=5 width=200 height=40 bgcolor=yellow scrolldelay=0 behavior=alternate>啦啦啦啦啦啦啦</marquee></p>
    <p align=center><marquee Hspace=6 scrollamount=3 width=200 height=40 bgcolor=red scrolldelay=1 behavior="scroll" directory="right" loop=-1>我是Cabby****人送外号白菜姐</marquee></p>
     <p align=center><marquee Hspace=6 scrollamount=5 width=200 height=40 bgcolor=yellow scrolldelay=0 behavior=alternate loop=-1>啦啦啦啦啦啦啦</marquee></p>
    <p align=center><marquee Hspace=6 scrollamount=3 width=200 height=40 bgcolor=red scrolldelay=1 behavior="scroll" directory="right">我是Cabby****人送外号白菜姐</marquee></p>
    </body>
    
</html>

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration：
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
Article précédent：Introduction à plusieurs nouveaux attributs d'arrière-plan et attributs de texte en HTML5Article suivant：Introduction à plusieurs nouveaux attributs d'arrière-plan et attributs de texte en HTML5

Articles Liés

Voir plus