Cómo lograr un efecto de desplazamiento de texto en HTML
En HTML, el efecto de desplazamiento del texto se puede lograr mediante la etiqueta En realidad, es muy sencillo realizar el efecto de desplazamiento del texto en HTML. Este artículo le presentará el método para realizar el efecto de desplazamiento del texto en la etiqueta HTML, para que todos puedan entenderlo. las diferentes configuraciones de lt;marqueegt; diferentes efectos de desplazamiento de texto implementados por atributos. La etiqueta HTML Marquee es un elemento HTML no estándar que se puede utilizar para desplazar imágenes o texto horizontal o verticalmente. En pocas palabras, automáticamente desplazará la imagen o el texto hacia arriba, abajo, izquierda o derecha. Echemos un vistazo a lt;marqueegt; Este es un ejemplo de desplazamiento simple de etiqueta de marquesina html t ;Renderizado: ¿No es muy simple? Solo necesitas poner el texto que deseas desplazar dentro de la etiqueta A continuación, echemos un vistazo a los atributos de la etiqueta HTML lt;marqueegt; y veamos cómo la etiqueta HTML lt;marqueegt; puede configurar el desplazamiento de imágenes o texto. El elemento Marquee contiene varios atributos que se utilizan para controlar y ajustar la apariencia y el método de desplazamiento de los subtítulos en marco. Ejemplo de configuración de subtítulos continuos con etiqueta Marquee: Usemos estos atributos para configurar la etiqueta 1. Ejemplo de subtítulo: establecer ancho, método de desplazamiento, color de fondo lt; ancho de marquesina = "100" comportamiento = "scroll" bgcolor = "pink" gt Esto es para desplazar subtítulos; Un ejemplo... lt;/marqueegt;Renderizado: 2. Subtítulos móviles más complejos Todo el contenido que deba desplazarse se deslizará completo. longitud del cuadro de desplazamiento, pero deténgase al final para mostrar el contenido de forma permanente. lt;marquee width = "100" conductual = "slide" bgcolor = "pink" gt; Este es un ejemplo complejo de subtítulos continuos... p> lt;/marquee gt;Representación: 3. Establecer la dirección de desplazamiento del texto HTML Al configurar las propiedades de la etiqueta de marquesina, podemos cambiar la dirección del texto que se desplaza. Las direcciones pueden ser izquierda, derecha, arriba y abajo. Veamos un ejemplo de cómo desplazarse por el cuadro de selección derecho. lt;marquee width = "100"gt; El texto se desplaza de derecha a izquierda de forma predeterminada... lt;/marquee gt; /p> lt;marquee width = "100" bgcolor = "pink" direction = "right" gt Configura el texto para que se desplace de izquierda a derecha... lt;/marquee gt;Representación: 4. Configure los subtítulos para que se desplacen hacia la izquierda y hacia la derecha con un movimiento circular. Después de que el texto se desplaza de derecha a izquierda, se desplaza desde de izquierda a derecha. lt; marquee width = "100" conductual = "alternate" bgcolor = "pink" gt; Ejemplo de texto que se desplaza de izquierda a derecha después de desplazarse de derecha a izquierda. .... lt;/marqueegt;Representación: 5. Cuadro de subtítulos rodantes anidados HTML (lt;marqueegt;label) lt;ancho de marquesina = "400px" altura="200px" comportamiento = "alternativo" estilo ="borde: 2px rojo sólido" gt; lt;comportamiento de marquesina = "alternativo" gt; cuadro de subtítulos desplazable... lt;/marquee gt; lt;/marqueegt; Representación: HTML lt;marqueegt Desventajas de la etiqueta ; 1) Los subtítulos continuos establecidos por Marquee pueden distraer porque el ojo humano se ve atraído constantemente por el movimiento y los subtítulos. 2) El texto establecido por Marquee se puede mover, por lo que es más difícil hacer clic en texto estático según la velocidad de desplazamiento. 3) El elemento etiqueta Marquee es un elemento HTML no estándar. 4) Los subtítulos desplazables establecidos por Marquee llaman la atención del usuario innecesariamente y hacen que el texto sea más difícil de leer. Soporte del navegador: Resumen: