Allora se il css del menu fa parte del css generale richiamalo normalmente nella pagina.
Il contenuto del menu esterno "menu.js" dovrà essere il seguente:
codice:
<!-- 
document.writeln(" <!-- MENU --> "); 
document.writeln("  "); 
document.writeln("  "); 
document.writeln("     <div class=\"header-top\">  "); 
document.writeln("         <div class=\"container\">     "); 
document.writeln("             <div class=\"top-nav\"> "); 
document.writeln("                 <span class=\"menu\"><img src=\"images/menu.png\" alt=\"\"></span> "); 
document.writeln("  "); 
document.writeln("                     <ul> "); 
document.writeln("                         <li><a href=\"index.html\">Home-page</a><span>|</span></li> "); 
document.writeln("                         <li><a href=\"pagina01.html\">pagina01</a><span>|</span></li> "); 
document.writeln("                         <li><a href=\"pagina02.html\">pagina02</a><span>|</span></li> "); 
document.writeln("                         <li><a href=\"pagina03.html\">pagina03</a><span>|</span></li> "); 
document.writeln("  "); 
document.writeln("  "); 
document.writeln("                     </ul> "); 
document.writeln("  "); 
document.writeln("                     <script> "); 
document.writeln("                     $(\"span.menu\").click(function(){ "); 
document.writeln("                         $(\".top-nav ul\").slideToggle(500, function(){ "); 
document.writeln("                         }); "); 
document.writeln("                     }); "); 
document.writeln("                     </script> "); 
document.writeln("  "); 
document.writeln("  "); 
document.writeln("             </div>                 "); 
document.writeln("         </div> "); 
document.writeln("     </div> ");
 // -->