Maison > Article > interface Web > Le chapiteau de balise HTML implémente un exemple de code d'effet de défilement
Le chapiteau de balise HTML implémente un exemple de code d'effet de défilement
- 高洛峰original
- 2017-03-20 16:58:021708parcourir
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 - ed126914ed1419bab26abf7cf307b7b97204e33a7a23f6efcc788532e245c31b 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 : ed126914ed1419bab26abf7cf307b7b9...7204e33a7a23f6efcc788532e245c31b 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 : c9b96373ee6c99c3dde0205bcdc522f1...7204e33a7a23f6efcc788532e245c31b
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 : c576d1107764f8ac19940ad38dbd600e...7204e33a7a23f6efcc788532e245c31b
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 : 803bf89a41c47553be5b45800afa3e65...7204e33a7a23f6efcc788532e245c31b
4. Délai de défilement scrolldelay (définissez l'intervalle de défilement, l'unité est en millisecondes)
Syntaxe : 153370dc92c437739cac39176d0aa63b...7204e33a7a23f6efcc788532e245c31b
5. Boucle de défilement (la valeur par défaut est -1, le défilement continuera à boucler. )
Syntaxe : 69457943bcb520c612032510d36031b7...7204e33a7a23f6efcc788532e245c31b
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>
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!