Instrucciones de paso a paso gratis 
Hacer que el texto parpadee en html
Contenido
El texto parpadeante nunca ha sido parte de las funciones estándar de HTML y no existe un enfoque que funcione para todos los navegadores. La opción más similar que solo usa html es la etiqueta de marquesina, pero incluso no funciona con Google Chrome. Javascript es un método más confiable y puede cortar y pegar el código directamente en su documento html.
Pasos
Método 1 de 2: usar la etiqueta de marquesina
1. Use la etiqueta de marquesina solo para proyectos personales. La etiqueta de marquesina está desactualizada y los desarrolladores recomiendan encarecidamente evitarla. Los diferentes navegadores lo mostrarán de manera diferente y las actualizaciones futuras pueden evitar que el texto parpadee por completo. si vas a crear un sitio web profesional.
- Google Chrome no admite el atributo `scrollamount`, en el que se basa este método. En ese navegador, su texto se desplaza por la página en lugar de parpadear.
2. Inserte las etiquetas de marquesina alrededor del texto parpadeante. Abra su documento html en un procesador de texto simple. escribe
Como siempre configure su página html primero de 
3. Establecer el ancho del texto. Cambia la etiqueta de apertura a Si su texto no cabe, rodará en lugar de parpadear. Aumente el ancho para evitar esto. En Chrome, el texto rodará una distancia determinada por su ancho.
4. Establezca la cantidad de desplazamiento en el mismo valor que el ancho. Dentro de la misma etiqueta escribes cantidad de desplazamiento = `300` (o el mismo número que el ancho). De forma predeterminada, el texto de la marquesina se desplaza por la pantalla. Al establecer la cantidad de desplazamiento en el mismo número que el ancho, el texto se `desplazará` en la misma posición en la que estaba antes. Esto da un efecto de parpadeo.
Su texto ahora debería verse así:
5. Cambiar el retraso de desplazamiento. Abra el archivo html en un navegador web para ver el efecto. Si el texto parpadea demasiado rápido o demasiado lento, cambie la velocidad con el atributo retraso de desplazamiento = `500`. El retraso predeterminado se establece en 85. Use un número más alto para un parpadeo más lento o un número más bajo para un parpadeo más rápido.
Ahora deberías tener:
6. Limite el número de destellos (opcional). Muchos usuarios de la web encuentran molesto el texto parpadeante. Para detener la animación una vez que tenga la atención del lector, ingrese bucle = `7`. Ahora el texto parpadeará siete veces y luego desaparecerá. (Puede usar cualquier número en lugar de siete.)
El código completo:
Método 2 de 2: usar JavaScript
1. Inserte un script de parpadeo en el encabezado de su documento html. Entre los función parpadear texto () {
var f=documento.getElementById(`anuncio`);
establecerIntervalo(función() {
F.estilo.visibilidad=(f.estilo.visibilidad==`oculto` ? `` : `oculto`);
}, 1000);
}
var f=documento.getElementById(`anuncio`);
establecerIntervalo(función() {
F.estilo.visibilidad=(f.estilo.visibilidad==`oculto` ? `` : `oculto`);
}, 1000);
}
2. Inserta el comando para cargar tu script. El código anterior definió una función y la llamó `blinktext`. Para usar esta función en su html, cambie el 
3. Define tu texto parpadeante como un anuncio. Este script solo afecta a los elementos con el id `anuncio`. Coloque su texto parpadeante dentro de cada elemento y asígnele esa identificación. Por ejemplo, escriba 
Puedes cambiar el nombre de esto a lo que quieras. Solo asegúrese de usar la misma palabra en el script y la identificación del elemento.
4. Personaliza el guión. El número `1000` en el guión establece el retraso entre parpadeos. Esto está en microsegundos, por lo que un valor de 1000 hará que el texto parpadee una vez por segundo. Cambie esto a un número más bajo para acelerar el parpadeo o a un número más alto para hacerlo más lento.
El retraso real probablemente no será exactamente igual a este valor. Por lo general, es un poco más corto, pero puede demorar más si su navegador está ocupado con otras solicitudes.
Consejos
- Puede personalizar el aspecto del texto de la marquesina con el atributo de estilo. Intente agregar style=`border:solid`.
- También puede incluir un atributo de altura en la etiqueta de marquesina además del ancho, pero muchos navegadores lo ignorarán. Es posible que vea una diferencia si agrega un borde a la marquesina.
- También puede usar animaciones CSS para hacer que el texto parpadee. Esto es bastante difícil y no recomendado para principiantes en CSS. Tenga en cuenta que debe tener un documento CSS vinculado, ya que Firefox no admite animaciones CSS con CSS en línea.
Advertencias
- No use el
Artículos sobre el tema. "Hacer que el texto parpadee en html"
Оцените, пожалуйста статью
Popular
