Comment obtenir l'effet de défilement des polices et des images à l'aide d'éléments de sélection

Cette fois, je vais vous montrer comment l'élément de sélection peut obtenir l'effet de défilement des polices et des images. Quelles sont les précautions pour que l'élément de sélection obtienne l'effet de défilement des polices et des images. un cas pratique. Jetons un coup d'oeil.

Les éléments de chapiteau peuvent obtenir des effets de glissement de polices simples (image, etc.) :

<style type="text/css"> 
#div01{ 
width: 500px; 
} 
</style> 
<script type="text/javascript"> 
</script> 
<marquee behavior="alertnate"><font size=30 color=&#39;red&#39;>www.baidu.com111</font></marquee> 
<marquee direction=right bgcolor=&#39;#ff2233&#39; behavior="alertnate"><font size=30 color=&#39;blue&#39;>www.baidu.com222</font></marquee> 
<marquee id="m3" direction=down bgcolor=&#39;#dbdbdb&#39; height=50px hspace=20px vspace=20px behavior="alertnate" scrollLeft=left onmouseover="this.stop()" onmouseout="this.start()"><font size=30 color=&#39;blue&#39;>www.baidu333.com</font></marquee> 
<marquee id="m4" direction=up bgcolor=&#39;#00dbdb&#39; behavior="alertnate"><font size=30 color=&#39;blue&#39;>www.baidu444.com</font></marquee>

<div id="div01"><marquee direction=right bgcolor=&#39;#ff2233&#39; behavior="alertnate" scrolldelay=100><font size=30 color=&#39;blue&#39;>www.baidu.com555</font></marquee></div> 
<input type="button" onclick="m3.stop();" value="m3.stop"></input> 
<input type="button" onclick="m3.start();" value="m3.start"></input> 
<button onclick="m4.stop();">m4.stop</button> 
<button onclick="m4.start();">m4.start</button>

la direction représente la direction de défilement, et la valeur peut être laissée, droite, haut, bas, la valeur par défaut est gauche
le comportement représente la manière de défiler, la valeur peut être scroll (défilement continu) slide (glisser une fois) alterné (faire défiler d'avant en arrière)
loop représente le nombre de boucles, la valeur est un entier positif, la valeur par défaut est infinie Loop
scrollamount représente la vitesse de déplacement, la valeur est un entier positif, la valeur par défaut est 6
scrolldelay représente le temps de pause, la valeur est un entier positif, la valeur par défaut est 0, l'unité semble être la milliseconde
align représente l'alignement vertical de l'élément, la valeur peut être en haut, au milieu, en bas, la valeur par défaut est au milieu
bgcolor représente la couleur d'arrière-plan de la zone de mouvement, la valeur est une couleur RVB hexadécimale, la valeur par défaut est le blanc
hauteur, la largeur représente la hauteur et la largeur de la zone de mouvement, la valeur est un entier positif (l'unité est le pixel) ou un pourcentage, la largeur par défaut = 100 % la hauteur est la hauteur de l'élément dans la balise
hspace, vspace représente la distance horizontale et verticale entre l'élément et la limite de la zone, la valeur est un entier positif, l'unité est le pixel.
onmouseover=this.stop() onmouseout=this.start() signifie que le défilement s'arrête lorsque la souris est au-dessus de la zone, et continue de défiler lorsque la souris s'éloigne.
Ce qui suit consiste à définir le défilement ou l'arrêt de m3 et m4 lorsque vous cliquez sur le bouton :

<input type="button" onclick="m3.stop();" value="m3.stop"></input> 
<input type="button" onclick="m3.start();" value="m3.start"></input> 
<button onclick="m4.stop();">m4.stop</button> 
<button onclick="m4.start();">m4.start</button>

Je pense que vous maîtrisez la méthode après avoir lu ces cas. Pour des informations plus intéressantes. , veuillez prêter attention aux autres sujets connexes dans l'article du site Web php chinois !

Lecture connexe :

Comment définir le style de bordure et de transparence de Div

Comment utiliser l'attribut méta viewport du HTML

Comment faire fonctionner le style par défaut d'une balise

Comment appeler le moteur de recherche sur la page

Comment modifier la méthode de soumission par défaut du formulaire

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!