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:582656parcourir

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