MAR. 23 MAR. 2004

Javascript dentro de css

Hasta hace un par de años, el código html de los sitios en internet estaban llenos de tags <font>, esto cambió cuando se implementó el cascade style sheets (css) que son hojas de estilo que ayudan mucho al programador a darle un mejor aspecto al sitio, con un código mucho más limpio.
 
Mayoritariamente estas tags son utilizadas para darle color a los links, a los visitados y cuando ponemos el cursor sobre los mismos:
 
a{
color: #f00;
}
a:visited{
color: #900;
}
a:hover{
color: #fff;
}

 
Pero hay muchos otros usos para estas hojas de estilo, hoy veremos una pequeña curiosidad que podemos hacer en css
 
 background-image: url(javascript:document.write('fondo' + (Math.round(Math.random()*4)+1) + '.jpg');
 
Esto básicamente es una llamada a una función javascript que pone de fondo una de las posibles 4 imagenes llamadas fondo1.jpg, fondo2.jpg, fondo3.jpg y fondo4.jpg
 
CSS es el presente de la web, me he encontrado un tutorial básico muy sencillo pero directo al punto, el siguiente paso es el CSS2 que ya lo soporta FireFox y que IE7 lo tendrá… el día que salga.

Javascript dentro de css fue escrito por fael el día martes 23 de marzo de 2004 a las 3:21 a. m.

Este post fue etiquetado: Web