Ver Mensaje Individual
  #2 (permalink)  
Antiguo 16/01/2008, 11:41
Avatar de Raulmmmm
Raulmmmm
 
Fecha de Ingreso: marzo-2007
Ubicación: En otro lugar que tú
Mensajes: 1.549
Antigüedad: 17 años, 1 mes
Puntos: 36
Re: Orientación para menú...

Bájate esto:
-http://www.phatfusion.net/_common/js/mootools.js
-http://www.phatfusion.net/imagemenu/imageMenu.js
-http://www.phatfusion.net/imagemenu/imageMenu.css
Guárdalo todo en la misma carpeta.

Pon este código (en modo vista de código) entre <head> y </head>
<link href="imageMenu.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="mootools.js"></script>
<script type="text/javascript" src="imageMenu.js"></script>

Y este entre <body> y </body>:
<div id="example">
<div id="imageMenu">
<ul>
<li class="landscapes"><a href="http://www.aaronbirchphotography.com">Landscapes</a></li>

<li class="people"><a href="http://www.aaronbirchphotography.com">People</a></li>
<li class="nature"><a href="http://www.aaronbirchphotography.com">Nature</a></li>
<li class="urban"><a href="http://www.aaronbirchphotography.com">Urban</a></li>
<li class="abstract"><a href="http://www.aaronbirchphotography.com">Abstract</a></li>
</ul>
</div>

<script type="text/javascript">

window.addEvent('domready', function(){
var myMenu = new ImageMenu($$('#imageMenu a'),{openWidth:310, border:2, onOpen:function(e,i){alert(e);}});
});
</script>

</div>

Un saludo