Script Masters
Page D'accueil
Forums
FAQ
Espace membre
Connexion
Inscription
Langages
ASP
Flash/ActionScript
Html
Javascript
Php/MySQL
Autres ressources
Téléchargements
Contributions
Poster une astuce
Partager vos scripts PHP
Ecrire un tutorial
Plus de détails ?
Dossiers webmasters
Bons Plans Webmasters
Librairie
Rentabilisez votre site
Emploi avec
Jobintree
Ressources graphiques
Générateur bannière flash
Kits Graphiques
Recherche
Kit graphique
Liens
Sponsors
Amortissez votre site
Editeur Javascript
Partenaires
Statistiques
15 connectés
menu|dynamique|effet|rollover|lien|navigation|dhtml|||
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 */ <SCRIPT LANGUAGE="JavaScript"> 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"; <!----------------------------------Ne rien modifié sous cette ligne ----------------------------------------------> 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>"); } function mOvr(src,clrOver){ if (!src.contains(event.fromElement)) { src.style.cursor = 'hand'; src.bgColor = clrOver; src.children.tags('A')[0].style.color = couleur_texte_over; } } function mOut(src,clrIn) { if (!src.contains(event.toElement)) { src.style.cursor = 'default'; src.bgColor = clrIn; src.children.tags('A')[0].style.color = couleur_texte; } } </script>
Insérer ce code entre les balises <Body> </Body>
/* Insérer ce code entre les balises */ <script> aff_menu() </script>
Télécharger le fichier
Recevoir ce script par email
Entrez votre email ci-dessous pour recevoir ce script dans votre boite à lettre
Je desire m'abonner à Script Masters pour être tenu au courant des modifications.
Poster un commentaires :
Nom/Pseudo :
Commentaire :
Plus d'info :
Un problème ? Consultez
le forum de Script Masters
pour trouver la réponse !
Fabien Daniel - © 2001-2009 | Hebergement : OVH | CNIL : 796128