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