técnica para poner iconos según el enlace por css y multi browser

publicado por administrador el 27 February, 2008

He echo unos pequeños cambios, basándome en la versión 0.1 y la técnica de poner iconos según el enlace por css juntando las dos y ahora es multi-browser validado en ie6 o superior, firefox , opera

Modo de uso.
1) cargamos el jquery y el plugin jquery-links.js y el css en el head

HTML:

 

 

  1. <head>

  2. <link rel=“stylesheet” href=“css/jquery-link.css” type=“text/css” media=“screen” charset=“utf-8″ />

  3. <script type=“text/javascript” src=“../core/jquery-1.2.min.js”></script>

  4. <script type=“text/javascript” src=“js/jquery-link_0.2.js”></script>

  5. </head>

2) creamos en el body unos enlaces para comprobar que funciona

HTML:

 

 

  1. </head>

  2. <body>

  3. <p>

  4. <a href=“http://www.glamouralive.com”>Glamouralive</a>

  5. </p>

  6. <p>

  7. <a href=“mailto:aaa@aaa.es”>micorreo@micorreo.es</a>

  8. </p>

  9. <p>

  10. <a href=“../files/fichero.pdf”>Este es un documento pdf</a>

  11. </p>

  12. <p>

  13. <a href=“../files/fichero.zip”>Este es un fichero comprimido</a>

  14. </p>

  15. <p>

  16. <a href=“http://www.seende.com”>Seende</a>

  17. </p>

  18. </body>

y ya está se ha usado el jquery la versión 1.2 que ha salido estos días.

demo | descargar código fuente


Escribe un comentario

Debes registrarte para publicar un comentario.