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 @rafael_soto_ el día martes 23 de marzo de 2004 a las 3:21 a. m.

Este post fue etiquetado: Web

22 años haciendo sitios web

Sabemos una o dos cosas acerca de cómo posicionar tu negocio en internet. Hablemos.

Comentarios

Agrega tu comentario

Nota: Comentarios deshabilitados temporalmente, disculpen las molestias.