Dinamikus menü.

Na igen, itt lesz állítgatnivaló...
Elöször is a script a menu.js file-ban van rögzítve, amit innen tölthetsz le. Ha mégtöbb menüt akarsz, ne felejtsd el, hogy ebbe a file-ba is növelned kell az alayers tömböt.
A szineket es egyébb paramétereket egy style szabályozza, hát változtatgass mindent bátran...
A menü popup részének helyét a .topmenudefined-ban állíthatod be. A TOP: 236px; a frame tetejétöl mért pixeltávolság, a WIDTH: 180px a szélesség.

Többet nemisigen írok, szerintem ha megnézed a kódot minden egyértelmü.

Eredmény:
skupcizz a cím alá

Install:
- Töltsd le a menu.js file-t.
- Másold ki a style-t és tedd a HEAD-ba.
- A DIV-et a BODY-n belül bárhova.

A forráskódok:

<HEAD>

Másold a vágólapra

<BODY>

<DIV align=center>
<TABLE border=0 cellPadding=0 cellSpacing=0>
  <TBODY>
  
  <TR>
    <TD>
      <TABLE border=0 cellPadding=0 cellSpacing=0>
        <TBODY>
        <TR>
          <TD width=200 bgcolor="black">
            <DIV class=topmenudefined id=menu1 onmouseout="vistoggle('menu1');" style="DISPLAY: none">
            <FONT class=topmenusection>Elsö szekció</FONT><BR>
              <A class=topmenuitem href="#">1. meuitem</a><BR>
              <A class=topmenuitem href="#">2. meuitem</a><BR>
              <A class=topmenuitem href="#">3. meuitem</a><BR>
              <A class=topmenuitem href="#">4. meuitem</a><BR>
            <FONT class=topmenusection>Második szekció</FONT><BR>
              <A class=topmenuitem href="#">1. meuitem</a><BR>
              <A class=topmenuitem href="#">2. meuitem</a><BR>
              <A class=topmenuitem href="#">3. meuitem</a><BR>
            </DIV>            
            <A href="#" 
            onmouseover="vistoggle('menu1'); return false;">
            <IMG alt="" border=0 src="menu01.gif">
            </A></TD>
            
          <TD width=200 bgcolor="black">
            <DIV class=topmenudefined id=menu2 onmouseout="vistoggle('menu2');" style="DISPLAY: none">
            <FONT class=topmenusection>Elsö szekció</FONT><BR>
              <A class=topmenuitem href="#">1. meuitem</a><BR>
              <A class=topmenuitem href="#">2. meuitem</a><BR>
              <A class=topmenuitem href="#">3. meuitem</a><BR>
              <A class=topmenuitem href="#">4. meuitem</a><BR>
            <FONT class=topmenusection>Második szekció</FONT><BR>
              <A class=topmenuitem href="#">1. meuitem</a><BR>
              <A class=topmenuitem href="#">2. meuitem</a><BR>
              <A class=topmenuitem href="#">3. meuitem</a><BR>
            </DIV>            
            <A 
            href="#" 
            onmouseover="vistoggle('menu2'); return false;">
            <IMG alt="" border=0 src="menu02.gif">
            </A></TD>

<TD width=200 bgcolor="black">
            <DIV class=topmenudefined id=menu3 onmouseout="vistoggle('menu3');" style="DISPLAY: none">
            <FONT class=topmenusection>Elsö szekció</FONT><BR>
              <A class=topmenuitem href="#">1. meuitem</a><BR>
              <A class=topmenuitem href="#">2. meuitem</a><BR>
              <A class=topmenuitem href="#">3. meuitem</a><BR>
              <A class=topmenuitem href="#">4. meuitem</a><BR>
            <FONT class=topmenusection>Második szekció</FONT><BR>
              <A class=topmenuitem href="#">1. meuitem</a><BR>
              <A class=topmenuitem href="#">2. meuitem</a><BR>
              <A class=topmenuitem href="#">3. meuitem</a><BR>
            </DIV>            
            <A href="#" 
            onmouseover="vistoggle('menu3'); return false;">
            <IMG alt="" border=0 src="menu03.gif">
            </A></TD>

</TD></TR></TBODY></TABLE>
         
       </TD></TR>
       </tbody>
       </table>
       
  </DIV>

Másold a vágólapra