|
Texto parpadeante en la barra de estado. |
|
Con este código el puedes colocar un texto que aparece y desaparece en la barra de estado. |
|
|
Texto en movimiento en la barra de estado. |
|
Este código te permite colocar un texto que hace el efecto de marquesina, o texto deslizante, en la barra de estado. |
|
|
Texto fijo en la barra de estado. |
|
Con este script puedes colocar un mensaje en la barra estado, que es esa franja situada en la parte inferior del navegador donde aparece el indicador de carga de página. |
|
|
Texto cambiante en la barra de titulo. |
|
Este código te permite colocar varios mensaje en la barra de titulo, que es esa franja que queda en el extremo superior del navegador donde también se encuentran los botones de cerrar, restaurar y minimizar. |
|
Horas restantes para finalizar el día:
Con este código insertamos un pequeño relojito que indica la cuenta regresiva de las horas, minutos y segundos que faltan para finalizar el día.
<body>
<p>El reloj...</p>
<form name="Reloj">
<input type="text" size="7" name="tiempo" value="mm:hh:ss" title="Tiempo restante para finalizar el día">
<script language="JavaScript">
<!--
var tiempoAtras;
updateReloj();
function updateReloj() {
var tiempo = new Date();
var hora = 23-tiempo.getHours();
var minutos = 59-tiempo.getMinutes();
var segundos = 59-tiempo.getSeconds();
tiempoAtras= (hora < 10) ? hora :hora;
tiempoAtras+= ((minutos < 10) ? ":0" : ":") + minutos;
tiempoAtras+= ((segundos < 10) ? ":0" : ":") + segundos;
document.Reloj.tiempo.value = tiempoAtras;
setTimeout("updateReloj()",1000);
}
//-->
</script>
</form>
</body>
Subrayar un Link al pasar el mouse:
Con este código podemos lograr ese tan conocido efecto que al pasar el mouse sobre un link, este se subraye. Podemos hacer que tenga un color antes de visitar el link, y que tenga otro una vez visitado.
<STYLE type="text/css">
<!--
A:link {COLOR: red; TEXT-DECORATION: none}
A:visited {COLOR: gray; TEXT-DECORATION: none}
A:active {TEXT-DECORATION: none}
A:hover {COLOR: blue; TEXT-DECORATION: underline} -->
</STYLE>
</p>
<p><a href="l1.htm">El texto que quieras.</a><br>
<a href="l2.htm">otro texto.</a><br>
<a href="l3.htm">Otro texto.</a><br>
</p>