- Home
- Categorie
- Coding e Sistemistica
- Javascript & Framework
- Creare un menu con "animatedcollapse.js"
-
Creare un menu con "animatedcollapse.js"
Sto cercando di ricreare un menu simile a questo
http://www.zaum.co.uk/about.htm
Non riesco ad applicare l'effetto a piu di una voce.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <script type="text/javascript" src="animatedcollapse.js"></script> <link href="../form2.css" rel="stylesheet" type="text/css" /> </head> <body> <li><a href="java-script:collapse2.slideit()">Web design</a></li> <div id="cat"> <div style="padding: 0 5px"> <p align="center" class="Stile1">QUESTO DIV PRENDE LE DIMENSIONI <br /> A SECONDA DEL CONTENUTO DEL DIV </p> </div> </div> <li><a href="java-script:collapse1.slideit()">Web design</a></li> <div id="cat"> <div style="padding: 0 5px"> <p align="center" class="Stile1">QUESTO DIV PRENDE LE DIMENSIONI <br /> A SECONDA DEL CONTENUTO DEL DIV </p> </div> </div> <script type="text/javascript"> var collapse2=new animatedcollapse("cat", 500, true) </script> <script type="text/javascript"> var collapse1=new animatedcollapse("cat", 500, true) </script> </body> </html>