.post-body:first-letter { float:left; color: #333333; font-size:100px; font-family:none; line-height:80px; padding-top:1px; padding-right:5px; } font-style: italic; } span.letracapital{ float: left; font-size: 40px; line-height: 35px; /* Dobla el alto de linea menos 1 pixel */ font-family: Georgia, "Times New Roman", Times, serif; color: #2583ad; /* Azul */ padding-right: 5px; } -->

Recent Posts

EFECTOS DE LOS VÍNCULOS

5 feb 2020

Añadir efectos a los vínculos


1- Muestra un cuadro de alerta con un mensaje al poner el ratón encima de un vínculo. Pruébalo:
Vínculo

<a href="http://tu-sitio.com" onmouseover="javascript:alert('Mensaje');return false">Vínculo</a>

2- Muestra un mensaje de alerta al hacer clic sobre un vínculo, antes de enviar al usuario al destino. Pruébalo: Vínculo

<a href="http://tu-sitio.com" onclick="javascript:alert('Mensaje');">Vínculo</a>

3- Aumenta el tamaño del texto del vínculo al poner el ratón encima, al quitarlo restaura el texto a su tamaño original. Pruébalo: Vínculo

<div id="vinc"><a href="http://tu-sitio.com" onmouseover="javascript: void(document.getElementById('vinc').style.fontSize='3em')" onmouseout="javascript: void(document.getElementById('vinc').style.fontSize='1em')"> Vínculo</a></div>

4- Mensaje de confirmación antes de enviar el usuario a una página. Pruébalo: Vínculo

<a href="javascript:if (confirm('Quieres entrar a NorfiPC?')) 
{parent.location='http://norfipc.com/index.html';};">Vínculo</a>

No hay comentarios:

Publicar un comentario

Deja tu comentario y en breve te contestaremos