Script Masters : Javascript : Index

Script Masters

Espace membre

Langages

Autres ressources

Emploi avec Jobintree

Ressources graphiques

Recherche

Kit graphique

Liens

Statistiques

Javascript >> Catégorie >> Menus dynamiques >> Menu Dynamique

Description

Un petit menu tout simple et facilement personalisable. Fonctionne sous Internet Explorer. Seul l'effet n'est pas accessible sous Netscape Navigator.

Exemple

[Cliquez ici pour visualiser l'exemple]

Informations et statistiques

Internet Explorer : ie5+
Netscape Navigator : non
Auteur : Daniel Fabien
Date de création : 04/11/2001
Date de mise à jour : 07/05/2003

Visualiser : 71761
Dont aujourd'hui : 2
Envoi par mail : 439
Commentaire : 1 ( Voir )

Conseils pour la personalisation du script

Toutes les informations se trouvent en commentaire dans le script.

Le script

Insérer ce script entre les balises <Head> </Head>

/*
Insérer ce script entre les balises <Head> </Head>
*/

var taille	= 400; 	// Longueur du menu
var taille2	= 15;	// Hauteur du menu

var couleur_fond = "#7D8BA1"; 		//couleur de fond du menu
var couleur_rollover = "#BEC6CE"; 	//couleur de la cellule au passage de la souris
var couleur_texte = "#FFFFFF"; 		//couleur du texte
var couleur_texte_over = "#000000"; //couleur du texte lors du passage de la souris

var taille_texte 	= 1; 			//Taille de la police
var police_texte 	= "Verdana"; 	//Type de police (Arial, Verdana...)

var target = true; 	// True si ouverture dans le même document, false si ouverture d'une nouvelle fenetre
var frame = "";		// Si frame, placer target à true et indiquer le nom de votre frame. Sinon, laisser vide		
var nbelem = 4; 	// Nombre d'éléments (categories)

var titre = new Array(nbelem); //ne pas modifier
var liens = new Array(nbelem); //ne pas modifier

titre[0] = "Javascript";
liens[0] = "http://www.script-masters.com";
titre[1] = "Php";
liens[1] = "http://www.script-masters.com";
titre[2] = "Html";
liens[2] = "http://www.script-masters.com";
titre[3] = "Flash";
liens[3] = "http://www.script-masters.com";

function aff_menu(){
	var taille_cellule = taille / nbelem;
	cible = (!target)? "_blank":frame;

document.write("<table height=\""+taille2+"\" cellspacing=\"0\" cellpadding=\"0\" border=\"0\" width=\""+taille+"\" bgcolor=\""+couleur_fond+"\" style=\"border-color:#000000; border-width: 1px; border-style: solid\"><tr>");
	
	for(i=0;i<nbelem;i++){
		document.write("<td align=\"center\" width=\""+taille_cellule+"\" onmouseover=\"mOvr(this,'"+couleur_rollover+"');\" onmouseout=\"mOut(this,'"+couleur_fond+"');\"  bgcolor=\""+couleur_fond+"\"><a style=\"color: "+couleur_texte+"; text-decoration: none\" href=\""+liens[i]+"\" target=\""+cible+"\"><font face=\""+police_texte+"\" size=\""+taille_texte+"\">"+titre[i]+"</font></a></td>");
		}
		
	document.write("</tr></table>");
		}

</script>

Insérer ce code entre les balises <Body> </Body>

Télécharger le fichier

Recevoir ce script par email

Entrez votre email ci-dessous pour recevoir ce script dans votre boite à lettre

Poster un commentaires :

Plus d'info :

Un problème ? Consultez le forum de Script Masters pour trouver la réponse !