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 2:21 am.

Este post fue etiquetado: Web

Hasta el momento no hay comentarios, porqué no ser el primero en escribir uno?

Comentarios

Videos en corcholat, los mejores comerciales, videos musicales, animaciones y cortos. Todo para combatir el aburrimiento.

Pon tu email y recíbelos diariamente en tu buzón:

No hay comentarios!

Al escribir tu comentario, por favor:
  • Escribe correctamente, NO CON SOLO MAYÚSCULAS, No CoN CaPiTAlIzAcIÓn RaRa, ni al estilo SMS. Todos hablamos español
  • Asegúrate de que lo que comentas vaya de acuerdo con el tema
  • No insultes. Recuerda que hay un ser humano al otro lado de la pantalla
Notas:
  • HTML no está permitido, pero Textile básico es permitido: *palabra* se convierte en palabra y _palabra_ en palabra
  • Las URL se convierten automáticamente en enlaces
  • Cualquier comentario con emoticons será eliminado