Blog

PRUEBAS INICIALES

Entrada destacada

PÁGINA DE BIENVENIDA

PÁGINA DE BIENVENIDA

EL EFECTO "INTERMITENTE" PARA EL TEXTO E IMAGEN.

by - agosto 03, 2019

EL EFECTO "INTERMITENTE" PARA EL TEXTO E IMAGEN..



Todos hemos visto alguna vez un texto 'intermitente' en alguna web que te llama la atencion. 
Para que ese efecto se produzca solo tenemos que 'encerrar' el texto entre dos etiquetas 'blink'. Por ejemplo, si quiero poner PRUEBAS INICIALES, lo pondria asi: <blink>PRUEBAS INICIALES</blink>.El código seria este: 


<div id='blink' style="text-align:center;">
<blink>PRUEBAS INICIALES</blink>
</div>
<script language="JavaScript">
function blink_uno() {
document.getElementById('blink').style.visibility='visible';
setTimeout('blink_dos()',1000);
}
function blink_dos() {
document.getElementById('blink').style.visibility='hidden';
setTimeout('blink_uno()',1000);
}
blink_uno();
</script>


<div id='blink' style="text-align:center;">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibRqYO0q1WKnPmlQ3m0DllfgxMIo5E4fmW-Lmg945j9o42h2If_7-le6mECao1eOYu4Z9xSdaa3ZDnOmb_l7PRSrfTh7_0npjrR987mzri1SRKjjNIPNTWWjCvGEb26RClmiDsfkKMd4I/s1600/harleydavidson_09-29-2017.jpg">
</div>
<script language="JavaScript">
function blink_uno() {
document.getElementById('blink').style.visibility='visible';
setTimeout('blink_dos()',1000);
}
function blink_dos() {
document.getElementById('blink').style.visibility='hidden';
setTimeout('blink_uno()',1000);
}
blink_uno();
</script>

Pero...¿Y si lo que queremos que parpadee sea una imagen, un video o lo que sea? Para eso tengo la solucion. Solo teneis que poner el siguiente codigo, y donde pone AQUI, en rojo lo sustituis por la imagen o por lo que vosotr@s querais. 
Este es el código Limpio

<div id='blink' style="text-align:center;">
AQUÍ PODÉIS PONER LO QUE QUERÁIS
</div>
<script language="JavaScript">
function blink_uno() {
document.getElementById('blink').style.visibility='visible';
setTimeout('blink_dos()',1000);
}
function blink_dos() {
document.getElementById('blink').style.visibility='hidden';
setTimeout('blink_uno()',1000);
}
blink_uno();
</script>


Fecha de la Publicación;03-08-2019

 Fuente; redeando

 Publicado por;                                                                        







You May Also Like

0 Comments

Paginacion