| Menú principal |
|
|
|
|
|
| Noticias |
|
|
|
|
|
| Canales |
|
|
|
|
|
|
|
|
|
|
|
|
|
| Servicios |
|
|
|
|
|
|
|
|
|
|
|
|
Javascript |
| Fade in, fade out |
Copia esto en el HEAD de tu página y cada vez que se entre o se salga de
ella verás el efecto que verás si pinchas en el
botón de prueba de abajo.
<script>
function toHex(dec) {
var hexCharacters = "0123456789ABCDEF"
if (dec < 0)
return "00"
if (dec > 255)
return "FF"
var i = Math.floor(dec / 16)
var j = dec % 16
return hexCharacters.charAt(i) + hexCharacters.charAt(j)
}
function setbgColor(red, green, blue) {
document.bgColor = "#" + toHex(red) + toHex(green) +
toHex(blue)
}
function fade(sred, sgreen, sblue, ered, egreen, eblue, step) {
for(var i = 0; i <= step; ++i) {
var red = Math.floor(sred * ((step - i) / step) + ered
* (i / step))
var green = Math.floor(sgreen * ((step - i) / step) +
egreen * (i / step))
var blue = Math.floor(sblue * ((step - i) / step) +
eblue * (i / step))
setbgColor(red, green, blue)
}
}
</script>
|
En segundo lugar, tienes que añadir este código dentro de la etiqueta
BODY de tu página.
<body onLoad="fade(0, 0, 0, 255, 255, 255, 64)" onUnload="fade(255, 255, 255, 0, 0, 0, 64)">
|
Este efecto está pensado para entrar desde un fondo negro a una página con un
fondo blanco. Si tu página tiene un fondo negro o de otro, tendrás que cambiar
los valores hexadecimales de este código, teniendo en cuenta que el 0 es el negro
y el 255 es el blanco y que los números del código tienen estos valores:
rojo, verde, azul, rojo, verde, azul, número de pasos de la transición.
|
|
|
  |
|
|
|
|
| Ver tu correo |
|
| Boletín gratuito |
 |
|