Le chapiteau de balise HTML implémente un exemple de code d'effet de défilement-tutoriel HTML-php.cn

Le chapiteau de balise HTML implémente un exemple de code d'effet de défilement

高洛峰

Libérer： 2017-03-20 16:58:02

original

1741 Les gens l'ont consulté

L'effet de défilement automatique de la page peut être obtenu par javascript, mais aujourd'hui, j'ai accidentellement découvert une balise html - qui peut obtenir une variété d'effets de défilement sans contrôle js.

L'utilisation des balises de sélection permet non seulement de déplacer du texte, mais également des images, des tableaux, etc.

Syntaxe : ... Description : Ajouter entre les balises Le contenu à faire défiler.

Attributs importants :

1. Sens de défilement (incluant 4 valeurs : haut, bas, gauche et droite)

Syntaxe : ...

2. Comportement de défilement (défilement : défilement cyclique, effet par défaut ; diapositive : défilement une seule fois puis arrêt ; alterné : défilement alternatif d'avant en arrière)

Syntaxe : ...

3. Vitesse de défilement scrollamount (la vitesse de défilement consiste à définir la longueur du mouvement à chaque fois que vous faites défiler, en pixels Unit)

Syntaxe : ...

4. Délai de défilement scrolldelay (définissez l'intervalle de défilement, l'unité est en millisecondes)

Syntaxe : ...

5. Boucle de défilement (la valeur par défaut est -1, le défilement continuera à boucler. )

Syntaxe : ...

6. Largeur de la plage de défilement, hauteur

7. Couleur bgcolor

8. Espace vide hspace, vspace

Exemple de code :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>
<div>
<marquee direction="up" behavior="scroll" scrollamount="1" scrolldelay="0" loop="-1" width="1000" height="50" bgcolor="#0099FF" hspace="10" vspace="10">
指整个Marquee对齐方式; (2)behavior:设置滚动的方式: scroll:表示由一端滚动到另一端,会重复,缺陷是不能无缝滚动。 slide:表示由一段滚动到另一端,不会重复...
</marquee>
</div>
</body>
</html>

Copier après la connexion

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!