Recursos Gratis Webmasters. Codigos Javascript, Applets Java, Tutoriales Para Webmasters

Pantalla con Efectos

ROTACIÓN DE FONDOS (2)

>Ejemplo del Javascript:

Cambia el fondo según la hora del dia.

Verás un fondo ahora. Hay 4 configurados:
- De 0 a 4 horas
- De 4 a 12 horas
- De 12 a 18 horas
- De 18 a 24 horas

Si vuelves en otro intervalo de hora encontrarás un fondo distinto. Se pueden configurar tantos fondos distintos como horas del día hay.

Código fuente ( Haz Click en la ventana para Seleccionarlo Todo ):

Coloca el codigo entre las etiquetas [head] y [/head]

/* ©1996-98 JavaScript written by Steve Thompson @ http://www.w8r.com --- e-mail: thompson@w8r.com or myclone@hotmail.com --- This simple script changes the background image four times a day -- It can be altered to include other page attributes such as text colors and individual page items such as on the example page - Use freely but keep this entire credit line intact. */

day=new Date()     //..aqui optiene la fecha

x=day.getHours()    //..aqui optiene la hora

//hay 4 particiones segun las horas del dia  De 0 a 4, de 4 a 12, de 12 a 18 y de 18 a 24 - Se pueden hacer tantas particiones como queramos simlemente cambiando las horas -

//de 0 a 4 horas - Modifica aqui las horas y el enlace hacia la imagen de fondo correspondiente
if(x>=0 && x<4) {

document.write('<body background="http://www.losrecursosgratis.com/javascript/ejemplos/imagenes/1593.gif">')

} else

//de 4 a 12 horas - Modifica aqui las horas y el enlace hacia la imagen de fondo correspondiente

if(x>=4 && x<12) {

document.write('<body background="http://www.losrecursosgratis.com/javascript/ejemplos/imagenes/1605.gif">')

} else

//de 12 a 18 horas - Modifica aqui las horas y el enlace hacia la imagen de fondo correspondiente

if(x>=12 && x<18) {

document.write('<body background="http://www.losrecursosgratis.com/javascript/ejemplos/imagenes/520.gif">')

} else

//de 18 a 24 horas - Modifica aqui las horas y el enlace hacia la imagen de fondo correspondiente

if (x>=18 && x<24) {

document.write('<body background="http://www.losrecursosgratis.com/javascript/ejemplos/imagenes/agua.jpg">')

}

</script>

Todo Para Los Webmasters - Javascripts, Tutoriales, Trucos, Juegos, y Mas...

La mejor colección de trucos de Javascript, botones, banners y mas

Pantalla con Efectos