Menú acordeón en javascript

Junio 12th, 2008 por Hades87

Michael Leigeber a publicado un menú acordeón en posición horizontal animado que solo pesa 1kb, sin duda una bonita alternativa a otros acordeones.

Descarga - Mas info y demo Horizontal javascript accordion menu

Primero el javascript

  1. <link rel=”stylesheet” type=”text/css” href=”slidemenu.css” />
  2. <script type=”text/javascript” src=”slidemenu.js”></script>
  3. <script type=”text/javascript”>
  4. function addLoadEvent(func) {
  5. var oldonload = window.onload;
  6. if (typeof window.onload != ‘function’) {
  7. window.onload = func;
  8. } else {
  9. window.onload = function() {
  10. if (oldonload) {
  11. oldonload();
  12. }
  13. func();
  14. }
  15. }
  16. }
  17. addLoadEvent(function() {
  18. slideMenu.build(’sm’,200,10,10,1);
  19. });
  20. </script>

Y ahora el HTML

  1. <ul id=”sm” class=”sm”>
  2. <li><img src=”images/1.gif” alt=”" /></li>
  3. <li><img src=”images/2.gif” alt=”" /></li>
  4. <li><img src=”images/3.gif” alt=”" /></li>
  5. <li><img src=”images/4.gif” alt=”" /></li>
  6. </ul>

Fuente | Xyberneticos


Publicado en Programación Web | Sin Comentarios »

FancyBox: Zoom a iamgenes con javascript

Abril 13th, 2008 por Hades87

Un buen script creado a partir de JQuery, que gracias a las posibilidades de javascript nos permite meterle zoom a nuestras imágenes. Se han probado en IE6, 7 y Firefox, en sus características muestra una lightbox la imagen de un tamaño mayor, con tal de poder ajustarse al tamaño de la ventana y mostrando un marco alrededor. También permite mostrar grupos de imágenes de forma común.

Un ejemplo de uso sería:

  1. $(function() {
  2. $("div#test_zone a").fancybox();
  3. });

FancyBox

Fuente | Sentido Web


Publicado en Programación Web | Sin Comentarios »

CAPTCHA para amantes el javascript

Marzo 19th, 2008 por Hades87

Aburrido de esos captchas que solo salen imágenes y números, te gustaría programar hasta apra responder un formulario?

Pues hoy os traigo un captcha un tanto singular. Se trata de un captcha que has de limpiar el código javascript para que te permita validar. No creo que se use en muchos sitios ya que sino la amyoría de gente se ahorraría el querer poner el comentario.

Si os interesa aquí os dejo una demo para que le echeis un ojo al captcha.

Demo

Captcha JS


Publicado en Aplicaciones Web | Sin Comentarios »

a