// Menu rectractable
 /* Modifier comme ceci
     var menu_rectractable = "";							-> Menu non retractable
	 var menu_rectractable = "ok";							-> Menu retractable
 */
 var menu_rectractable = "ok";

// Eléments du Menu
 /* Modifier ici les noms des catégories - Vous pouvez en rajouter ou en supprimer, mais il faudra en avoir autant de groupe de liens
	 categorie[X] = new Array();						-> Type de la variable (ne pas modifier)
	 categorie[X][0] = "Catégorie 1";					-> Nom de la catégorie
	 categorie[X][1] = "http://liencatégorie1/";		-> Lien de la catégorie - Si vide, il n'y aura pas de lien sur cette catégorie 
	 categorie[X][2] = "_blank";						-> Cible du lien - _blank (nouvelle page), _self (même page),... ou nom de votre frame
 */
 // --- Categories du Menu ---
 categorie = new Array();
  // -- [categorie 1]
  categorie[0] = new Array();
   categorie[0][0] = "accueil";
   categorie[0][1] = "http://sourcedessai.canalblog.com/";
   categorie[0][2] = "_self";
  // -- [categorie 2]
  categorie[1] = new Array();
   categorie[1][0] = "Javascripts";
   categorie[1][1] = "";
   categorie[1][2] = "_";
  // -- [categorie 3]
  categorie[2] = new Array();
   categorie[2][0] = "Html";
   categorie[2][1] = "";
   categorie[2][2] = "_blank";
  // -- [categorie 4]
  categorie[3] = new Array();
   categorie[3][0] = "Css";
   categorie[3][1] = "";
   categorie[3][2] = "_blank";
  // -- [categorie 5]
  categorie[4] = new Array();
   categorie[4][0] = "Ressources";
   categorie[4][1] = "";
   categorie[4][2] = "_self";
  // -- [categorie 6]
  categorie[5] = new Array();
   categorie[5][0] = "Contact";
   categorie[5][1] = "";
   categorie[5][2] = "_blank";
 
 // Cible des liens du menu
 /* Modifier ici la cible des liens. Vous devez affecter à la variable target:
     _blank: pour ouvrir dans une nouvelle page      =>       target = '_blank';
	 _self: pour ouvrir dans la même page            =>       target = '_self';
	 xxxx: pour ouvrir dans la frame/iframe xxxx     =>       target = 'xxxx';
 */
 var target = '_blank';

// --- Groupe de liens ---
 /* Modifier, ici, les titres et liens, la cible
    Vous pouvez en rajouter ou en supprimer autant de liens que vous voulez.
 */
 lien = new Array();
 // -- [Liens de la categorie 1]
 lien[0] = new Array();
 lien[0]["Accueil"] = "http://sourcedessai.canalblog.com/";
 lien[0]["Blog"] = "http://sourcedessai.canalblog.com/archives/2009/index.html";
 // -- [Liens de la categorie 2]
 lien[1] = new Array();
 lien[1]["Menus"] = "http://sourcedessai.canalblog.com/archives/menus_javascripts/index.html";
 lien[1]["Images"] = "http://sourcedessai.canalblog.com/archives/images_javascripts/index.html";
 lien[1]["Textes"] = "http://sourcedessai.canalblog.com/archives/textes_javascripts/index.html";
 lien[1]["Divers"] = "http://sourcedessai.canalblog.com/archives/divers_javascripts/index.html";
 // -- [Liens de la categorie 3]
 lien[2] = new Array();
 lien[2]["Menus"] = "";
 lien[2]["Textes"] = "http://sourcedessai.canalblog.com/archives/textes_html/index.html";
 lien[2]["Balises"] = "http://sourcedessai.canalblog.com/archives/balises_html/index.html";
 lien[2]["Divers"] = "http://sourcedessai.canalblog.com/archives/divers_html/index.html";
 // -- [Liens de la categorie 4]
 lien[3] = new Array();
 lien[3]["Menus"] = "http://sourcedessai.canalblog.com/archives/menus_css/index.html";
 lien[3]["Divers"] = "http://sourcedessai.canalblog.com/archives/divers_css/index.html";
 // -- [Liens de la categorie 5]
 lien[4] = new Array();
 lien[4]["Logiciels"] = "http://sourcedessai.canalblog.com/archives/logiciels/index.html";
 lien[4]["Divers"] = "http://sourcedessai.canalblog.com/archives/divers_ressources/index.html";
 // -- [Liens de la categorie 6]
 lien[5] = new Array();
 lien[5]["Message"] = "http://www.canalblog.com/cf/contactAuthor.cfm?mid=94063&bid=415861";


<!---------------- Ne rien modifier sous cette ligne, sauf l'adresse de votre image menu---------------------------------------------->
function sousmenu_hide(actif) {
for (var i=0; i<categorie.length; i++)
 document.getElementById('menu' + i).className = i == actif ? 'sousmenu' : 'hide';
}

rectract_ok = menu_rectractable == "ok" ? "onmouseover='sousmenu_hide(-1)'" : '';

document.write("<table cellspacing='0' cellpadding='0' width='80%' border='0'><tbody>");
 for (var i=0; i<categorie.length; i++) {
   document.write("<tr class='cat_titre_nonselect'>");
   if (categorie[i][1] != "") {
    document.write("<td width='2%' " + rectract_ok + " class='bordure_cat_g'>&nbsp;</td>");
	document.write("<td height='20' width='96%' class='bordure_cat' onmouseover='sousmenu_hide(" + i + ")'>");
	document.write("&nbsp;&nbsp;<img src='http://storage.canalblog.com/45/28/415861/36768794.gif' height='9' width='8'>&nbsp;&nbsp;");
	document.write("<a href='" + categorie[i][1] + "' target='" + categorie[i][2] + "' class='cat_titre_nonselect' onmouseover=\"this.className='cat_titre_select';\" onmouseout=\"this.className='cat_titre_nonselect';\">" + categorie[i][0] + "</a>");
   } else {
    document.write("<td width='2%' " + rectract_ok + " class='bordure_cat_g'>&nbsp;</td>");
	document.write("<td height='20' width='96%' class='bordure_cat' onmouseover='sousmenu_hide(" + i + ")'>");
	document.write("&nbsp;&nbsp;<img src='http://storage.canalblog.com/45/28/415861/36768794.gif' height='9' width='8'>&nbsp;&nbsp;" + categorie[i][0]);
   }
   document.write("</td><td width='2%' " + rectract_ok + " class='bordure_cat_d'>&nbsp;</td></tr>");
   document.write("<tr>");
   document.write("<td " + rectract_ok + "></td>");
   document.write("<td><center><table width='90%' class='hide' id='menu" + (i) + "'>");
	 for (url in lien[i]) {
		if (target == "_blank") {
		 document.write("<tr onclick=\"window.open('" + lien[i][url] + "')\">");
		 document.write("<td class='sousmenu_nonselect' onmouseover=\"this.className='sousmenu_select';\" onmouseout=\"this.className='sousmenu_nonselect';\">" + url + "</tr></td>");
		} else if (target == "_self" || target == "_parent" || target == "_top") {
		 document.write("<tr onclick=\"document.location.href='" + lien[i][url] + "'\">");
		 document.write("<td class='sousmenu_nonselect' onmouseover=\"this.className='sousmenu_select';\" onmouseout=\"this.className='sousmenu_nonselect';\">" + url + "</tr></td>");
		} else {
		 document.write("<tr onclick=\"top." + target + ".location.href='" + lien[i][url] + "'\">");
		 document.write("<td class='sousmenu_nonselect' onmouseover=\"this.className='sousmenu_select';\" onmouseout=\"this.className='sousmenu_nonselect';\">" + url + "</tr></td>");
		}
	 }
   document.write("</table></center></td><td " + rectract_ok + "></td><td></td></tr><tr " + rectract_ok + "><td colspan='4'></td></tr>");
 }
document.write("</tbody></table>");
<!------------------------------------------------------------------------------------------------------------------------------>