Accueil > > > MENU POUR PAGE WEB SUPER-PARAMÉTRABLE
 MENU POUR PAGE WEB SUPER-PARAMÉTRABLE
 Information sur la source
 Description
Sur ce menu, vous pouvez changer les couleurs, décidez s'il est horizontal ou vertical, activez le scrolling, mettez une image de fond, .... C'est incroyable ce que l'on peut faire avec du JavaScript. / ! \ Je préviens que ce menu n'est pas de moi, il vient du site http://www.milonic.co.uk/menu/ / ! \
 Source
- /*
- Milonic DHTML Website Navigation Menu - Version 3.x
- Written by Andy Woolley - Copyright 2002 (c) Milonic Solutions Limited. All Rights Reserved.
- Please visit http://www.milonic.co.uk/menu or e-mail menu3@milonic.com for more information.
-
- The Free use of this menu is only available to Non-Profit, Educational & Personal web sites.
- Commercial and Corporate licenses are available for use on all other web sites & Intranets.
- All Copyright notices MUST remain in place at ALL times and, please keep us informed of your
- intentions to use the menu and send us your URL.
- */
-
-
- //The following line is critical for menu operation, and MUST APPEAR ONLY ONCE. If you have more than one menu_array.js file rem out this line in subsequent files
- menunum=0;menus=new Array();_d=document;function addmenu(){menunum++;menus[menunum]=menu;}function dumpmenus(){mt="<scr"+"ipt language=javascript>";for(a=1;a<menus.length;a++){mt+=" menu"+a+"=menus["+a+"];"}mt+="<\/scr"+"ipt>";_d.write(mt)}
- //Please leave the above line intact. The above also needs to be enabled if it not already enabled unless this file is part of a multi pack.
-
-
-
- ////////////////////////////////////
- // Editable properties START here //
- ////////////////////////////////////
-
- // Special effect string for IE5.5 or above please visit http://www.milonic.co.uk/menu/filters_sample.php for more filters
- effect = "Fade(duration=0.2);Alpha(style=0,opacity=88);Shadow(color='#777777', Direction=135, Strength=5)"
-
-
- timegap=500 // The time delay for menus to remain visible
- followspeed=5 // Follow Scrolling speed
- followrate=40 // Follow Scrolling Rate
- suboffset_top=4; // Sub menu offset Top position
- suboffset_left=6; // Sub menu offset Left position
- closeOnClick = true
-
- style1=[ // style1 is an array of properties. You can have as many property arrays as you need. This means that menus can have their own style.
- "navy", // Mouse Off Font Color
- "ccccff", // Mouse Off Background Color
- "ffebdc", // Mouse On Font Color
- "4b0082", // Mouse On Background Color
- "000000", // Menu Border Color
- 12, // Font Size in pixels
- "normal", // Font Style (italic or normal)
- "bold", // Font Weight (bold or normal)
- "Verdana, Arial", // Font Name
- 4, // Menu Item Padding
- "arrow.gif", // Sub Menu Image (Leave this blank if not needed)
- , // 3D Border & Separator bar
- "66ffff", // 3D High Color
- "000099", // 3D Low Color
- "Purple", // Current Page Item Font Color (leave this blank to disable)
- "pink", // Current Page Item Background Color (leave this blank to disable)
- "arrowdn.gif", // Top Bar image (Leave this blank to disable)
- "ffffff", // Menu Header Font Color (Leave blank if headers are not needed)
- "000099", // Menu Header Background Color (Leave blank if headers are not needed)
- "navy", // Menu Item Separator Color
- ]
-
-
- addmenu(menu=[ // This is the array that contains your menu properties and details
- "mainmenu", // Menu Name - This is needed in order for the menu to be called
- 20, // Menu Top - The Top position of the menu in pixels
- 200, // Menu Left - The Left position of the menu in pixels
- , // Menu Width - Menus width in pixels
- 1, // Menu Border Width
- , // Screen Position - here you can use "center;left;right;middle;top;bottom" or a combination of "center:middle"
- style1, // Properties Array - this is set higher up, as above
- 1, // Always Visible - allows the menu item to be visible at all time (1=on/0=off)
- "left", // Alignment - sets the menu elements text alignment, values valid here are: left, right or center
- , // Filter - Text variable for setting transitional effects on menu activation - see above for more info
- , // Follow Scrolling - Tells the menu item to follow the user down the screen (visible at all times) (1=on/0=off)
- 1, // Horizontal Menu - Tells the menu to become horizontal instead of top to bottom style (1=on/0=off)
- , // Keep Alive - Keeps the menu visible until the user moves over another menu or clicks elsewhere on the page (1=on/0=off)
- , // Position of TOP sub image left:center:right
- , // Set the Overall Width of Horizontal Menu to 100% and height to the specified amount (Leave blank to disable)
- , // Right To Left - Used in Hebrew for example. (1=on/0=off)
- , // Open the Menus OnClick - leave blank for OnMouseover (1=on/0=off)
- , // ID of the div you want to hide on MouseOver (useful for hiding form elements)
- , // Background image for menu when BGColor set to transparent.
- , // Scrollable Menu
- , // Reserved for future use
- ,"Home","http://www.dynamicdrive.com",,"Back to the home page",1 // "Description Text", "URL", "Alternate URL", "Status", "Separator Bar"
- ,"News sites ","show-menu=news",,"",1
- ,"Webmaster ","show-menu=webmaster",,"",1
- ,"Downloads ","show-menu=downloads",,"",1
- ,"Search ","show-menu=search",,"",1
- ,"Other ","show-menu=other",,"",1
- ])
-
- addmenu(menu=["news",
- ,,120,1,"",style1,,"left",effect,,,,,,,,,,,,
- ,"General","show-menu=generalnews",,,1
- ,"Technology","show-menu=technonews",,,1
- ])
-
-
- addmenu(menu=["generalnews",
- ,,170,1,"",style1,,"left",effect,,,,,,,,,,,,
- ,"CNN","http://www.cnn.com",,,0
- ,"MSNBC","http://www.msnbc.com",,,0
- ,"ABC News","http://www.abcnews.com",,,0
- ,"Vancouver Local News","show-menu=canadanews",,,0
- ,"BBC News","http://news.bbc.co.uk",,,0
- ])
-
- addmenu(menu=["canadanews",
- ,,120,1,"",style1,,"left",effect,,,,,,,,,,,,
- ,"CTV News","http://www.ctvnews.com",,,
- ,"Vancouver Sun","http://www.canada.com/vancouver/vancouversun/",,,
- ])
-
- addmenu(menu=["technonews",
- ,,110,1,"",style1,,"left",effect,,,,,,,,,,,,
- ,"TechWeb","http://www.cnn.com",,,0
- ,"News.com","http://www.news.com",,,0
- ,"Wired News","http://www.wired.com",,,0
- ,"Slashdot","http://www.slashdot.com",,,0
- ])
-
-
-
- addmenu(menu=["webmaster",
- ,,170,1,"",style1,,"left",effect,,,,,,,,,,,,
- ,"<img src=newsimage.gif border=0> (aq) Domain Names","http://www.a-q.co.uk swapimage=newsimage_over.gif",,,1
- ,"<img src=newsimage.gif border=0> Dynamic Drive","http://www.dynamicdrive.com swapimage=newsimage_over.gif",,,1
- ,"<img src=newsimage.gif border=0> JavaScript Kit","http://www.javascriptkit.com swapimage=newsimage_over.gif",,,1
- ,"<img src=newsimage.gif border=0> Freewarejava.Com","http://www.freewarejava.com swapimage=newsimage_over.gif",,,1
- ,"<img src=newsimage.gif border=0> Active-X.com","http://www.active-x.com swapimage=newsimage_over.gif",,,1
- ,"<img src=newsimage.gif border=0> Web Monkey","http://www.webmonkey.com swapimage=newsimage_over.gif",,,1
- ,"<img src=newsimage.gif border=0> Jars","http://www.jars.com swapimage=newsimage_over.gif",,,1
- ])
-
- addmenu(menu=["downloads",,,120,1,,style1,0,"left",effect,0,,,,,,,,,,,
- ,"Download.com","http://www.download.com",,,1
- ,"Tucows","http://www.tucows.com",,,1
- ])
-
- addmenu(menu=["search",
- ,,140,1,"",style1,,"",effect,,,,,,,,,,,,
- ,"<img src=google_icon.gif border=0> Google.com", "http://www.google.com",,,1
- ,"<img src=yahoo_icon.gif border=0> Yahoo", "http://www.yahoo.com",,,1
- ,"<img src=av_icon.gif border=0> Altavista", "http://altavista.com",,,1
- ,"<img src=excite.gif border=0> Excite", "http://www.excite.com",,,1
- ])
-
- addmenu(menu=["Other",,,140,1,,style1,0,"left","randomdissolve(duration=0.5);Shadow(color='#999999', Direction=135, Strength=5)",0,,,,,,,,,,,
- ,"Menu Authors Site","http://www.milonic.co.uk/menu/",,"Milonic DHTML Menu Site",1
- ])
-
-
- dumpmenus()
/*
Milonic DHTML Website Navigation Menu - Version 3.x
Written by Andy Woolley - Copyright 2002 (c) Milonic Solutions Limited. All Rights Reserved.
Please visit http://www.milonic.co.uk/menu or e-mail menu3@milonic.com for more information.
The Free use of this menu is only available to Non-Profit, Educational & Personal web sites.
Commercial and Corporate licenses are available for use on all other web sites & Intranets.
All Copyright notices MUST remain in place at ALL times and, please keep us informed of your
intentions to use the menu and send us your URL.
*/
//The following line is critical for menu operation, and MUST APPEAR ONLY ONCE. If you have more than one menu_array.js file rem out this line in subsequent files
menunum=0;menus=new Array();_d=document;function addmenu(){menunum++;menus[menunum]=menu;}function dumpmenus(){mt="<scr"+"ipt language=javascript>";for(a=1;a<menus.length;a++){mt+=" menu"+a+"=menus["+a+"];"}mt+="<\/scr"+"ipt>";_d.write(mt)}
//Please leave the above line intact. The above also needs to be enabled if it not already enabled unless this file is part of a multi pack.
////////////////////////////////////
// Editable properties START here //
////////////////////////////////////
// Special effect string for IE5.5 or above please visit http://www.milonic.co.uk/menu/filters_sample.php for more filters
effect = "Fade(duration=0.2);Alpha(style=0,opacity=88);Shadow(color='#777777', Direction=135, Strength=5)"
timegap=500 // The time delay for menus to remain visible
followspeed=5 // Follow Scrolling speed
followrate=40 // Follow Scrolling Rate
suboffset_top=4; // Sub menu offset Top position
suboffset_left=6; // Sub menu offset Left position
closeOnClick = true
style1=[ // style1 is an array of properties. You can have as many property arrays as you need. This means that menus can have their own style.
"navy", // Mouse Off Font Color
"ccccff", // Mouse Off Background Color
"ffebdc", // Mouse On Font Color
"4b0082", // Mouse On Background Color
"000000", // Menu Border Color
12, // Font Size in pixels
"normal", // Font Style (italic or normal)
"bold", // Font Weight (bold or normal)
"Verdana, Arial", // Font Name
4, // Menu Item Padding
"arrow.gif", // Sub Menu Image (Leave this blank if not needed)
, // 3D Border & Separator bar
"66ffff", // 3D High Color
"000099", // 3D Low Color
"Purple", // Current Page Item Font Color (leave this blank to disable)
"pink", // Current Page Item Background Color (leave this blank to disable)
"arrowdn.gif", // Top Bar image (Leave this blank to disable)
"ffffff", // Menu Header Font Color (Leave blank if headers are not needed)
"000099", // Menu Header Background Color (Leave blank if headers are not needed)
"navy", // Menu Item Separator Color
]
addmenu(menu=[ // This is the array that contains your menu properties and details
"mainmenu", // Menu Name - This is needed in order for the menu to be called
20, // Menu Top - The Top position of the menu in pixels
200, // Menu Left - The Left position of the menu in pixels
, // Menu Width - Menus width in pixels
1, // Menu Border Width
, // Screen Position - here you can use "center;left;right;middle;top;bottom" or a combination of "center:middle"
style1, // Properties Array - this is set higher up, as above
1, // Always Visible - allows the menu item to be visible at all time (1=on/0=off)
"left", // Alignment - sets the menu elements text alignment, values valid here are: left, right or center
, // Filter - Text variable for setting transitional effects on menu activation - see above for more info
, // Follow Scrolling - Tells the menu item to follow the user down the screen (visible at all times) (1=on/0=off)
1, // Horizontal Menu - Tells the menu to become horizontal instead of top to bottom style (1=on/0=off)
, // Keep Alive - Keeps the menu visible until the user moves over another menu or clicks elsewhere on the page (1=on/0=off)
, // Position of TOP sub image left:center:right
, // Set the Overall Width of Horizontal Menu to 100% and height to the specified amount (Leave blank to disable)
, // Right To Left - Used in Hebrew for example. (1=on/0=off)
, // Open the Menus OnClick - leave blank for OnMouseover (1=on/0=off)
, // ID of the div you want to hide on MouseOver (useful for hiding form elements)
, // Background image for menu when BGColor set to transparent.
, // Scrollable Menu
, // Reserved for future use
,"Home","http://www.dynamicdrive.com",,"Back to the home page",1 // "Description Text", "URL", "Alternate URL", "Status", "Separator Bar"
,"News sites ","show-menu=news",,"",1
,"Webmaster ","show-menu=webmaster",,"",1
,"Downloads ","show-menu=downloads",,"",1
,"Search ","show-menu=search",,"",1
,"Other ","show-menu=other",,"",1
])
addmenu(menu=["news",
,,120,1,"",style1,,"left",effect,,,,,,,,,,,,
,"General","show-menu=generalnews",,,1
,"Technology","show-menu=technonews",,,1
])
addmenu(menu=["generalnews",
,,170,1,"",style1,,"left",effect,,,,,,,,,,,,
,"CNN","http://www.cnn.com",,,0
,"MSNBC","http://www.msnbc.com",,,0
,"ABC News","http://www.abcnews.com",,,0
,"Vancouver Local News","show-menu=canadanews",,,0
,"BBC News","http://news.bbc.co.uk",,,0
])
addmenu(menu=["canadanews",
,,120,1,"",style1,,"left",effect,,,,,,,,,,,,
,"CTV News","http://www.ctvnews.com",,,
,"Vancouver Sun","http://www.canada.com/vancouver/vancouversun/",,,
])
addmenu(menu=["technonews",
,,110,1,"",style1,,"left",effect,,,,,,,,,,,,
,"TechWeb","http://www.cnn.com",,,0
,"News.com","http://www.news.com",,,0
,"Wired News","http://www.wired.com",,,0
,"Slashdot","http://www.slashdot.com",,,0
])
addmenu(menu=["webmaster",
,,170,1,"",style1,,"left",effect,,,,,,,,,,,,
,"<img src=newsimage.gif border=0> (aq) Domain Names","http://www.a-q.co.uk swapimage=newsimage_over.gif",,,1
,"<img src=newsimage.gif border=0> Dynamic Drive","http://www.dynamicdrive.com swapimage=newsimage_over.gif",,,1
,"<img src=newsimage.gif border=0> JavaScript Kit","http://www.javascriptkit.com swapimage=newsimage_over.gif",,,1
,"<img src=newsimage.gif border=0> Freewarejava.Com","http://www.freewarejava.com swapimage=newsimage_over.gif",,,1
,"<img src=newsimage.gif border=0> Active-X.com","http://www.active-x.com swapimage=newsimage_over.gif",,,1
,"<img src=newsimage.gif border=0> Web Monkey","http://www.webmonkey.com swapimage=newsimage_over.gif",,,1
,"<img src=newsimage.gif border=0> Jars","http://www.jars.com swapimage=newsimage_over.gif",,,1
])
addmenu(menu=["downloads",,,120,1,,style1,0,"left",effect,0,,,,,,,,,,,
,"Download.com","http://www.download.com",,,1
,"Tucows","http://www.tucows.com",,,1
])
addmenu(menu=["search",
,,140,1,"",style1,,"",effect,,,,,,,,,,,,
,"<img src=google_icon.gif border=0> Google.com", "http://www.google.com",,,1
,"<img src=yahoo_icon.gif border=0> Yahoo", "http://www.yahoo.com",,,1
,"<img src=av_icon.gif border=0> Altavista", "http://altavista.com",,,1
,"<img src=excite.gif border=0> Excite", "http://www.excite.com",,,1
])
addmenu(menu=["Other",,,140,1,,style1,0,"left","randomdissolve(duration=0.5);Shadow(color='#999999', Direction=135, Strength=5)",0,,,,,,,,,,,
,"Menu Authors Site","http://www.milonic.co.uk/menu/",,"Milonic DHTML Menu Site",1
])
dumpmenus()
 Conclusion
Vous pouvez allez voir les autres styles de menus sur http://www.milonic.co.uk/menu/
 Sources du même auteur
 Sources de la même categorie
MENU VERTICALE GAUCHE ET DROIT DEROULANTMENU VERTICALE GAUCHE ET DROIT DEROULANTc'est repris d'une de mes source (menu glissant) sauf que au lieu de deplacer un element dans le document c'est un div en overflow hidden qui s'agrand...
par kazma
MENU VERTICALE EN TRANSPARENCEMENU VERTICALE EN TRANSPARENCECe menu est complètement modifiable, les fenêtres de sous menus étant composées de plusieur images, vous pouvez modifier la taille des sous menus en...
par dlvains
MENU DÉROULANT EN IMAGESMENU DÉROULANT EN IMAGES un menu simple a modifier, il vous suffit de changer le texte sur le PSD et d'enregistrer au format PNG.
si vous modifiez la largeur des images, pe...
par dlvains
TBFRAME: TAB BROWSING FRAMETBFRAME: TAB BROWSING FRAME
Cela fait un moment que j'avais eu l'idée de mettre en ligne ce script, mais je n'avais jamais eu le temps de mettre un coup de propre dans le code ai...
par triumphs
MENU PRINCIPALMENU PRINCIPALBonjour, dans ce petit source, j'ai met une belle menu avec php,javascript, css, pour me contactet , ABOUSSEBABA ALI <contact@aliwebmaster.com>, à vou...
par ali1987
 Commentaires et avis
|
Derniers Blogs
 TECHDAYS PARIS 2010 : ADMINISTRATION SHAREPOINT 2010TECHDAYS PARIS 2010 : ADMINISTRATION SHAREPOINT 2010 par ROMELARD Fabrice
Animé par: Patrick Guimonet et Benoit Hamet Cette session traitera des différents points exigés durant les taches d'administration : Planification (architecture, hébergement, authentification, .) Opération e...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice [TECHDAYS 2010] #03 - WEB CONTENT MANAGEMENT SOUS SHAREPOINT 2010[TECHDAYS 2010] #03 - WEB CONTENT MANAGEMENT SOUS SHAREPOINT 2010 par pierre
Stephane Cordonnier de MCNext nous présente les fonctionnalités Web Content Management (WCM) sous SharePoint 2010. Qu'est-ce que le WCM ECM, GED, RM, WCM c'est quoi Plateforme SharePoint Versions SharePoint 2010 SharePoint Fondation...
Cliquez pour lire la suite de l'article par pierre [DESIGN PATTERNS] PARTIE 2: DIP: DEPENDENCY INVERSION PRINCIPLE[DESIGN PATTERNS] PARTIE 2: DIP: DEPENDENCY INVERSION PRINCIPLE par tja
C'est le dernier principe des principes du Design Orienté Objet (The Principles of Object Oriented Design) fondés par Robert C. Martin plus connu sous le pseudonyme d'Uncle Bob.
l'image empruntée de LosTechies.
Je ne traite pas les principes dans...
Cliquez pour lire la suite de l'article par tja TECHDAYS PARIS 2010 : SHAREPOINT 2010 POUR LES DéVELOPPEURSTECHDAYS PARIS 2010 : SHAREPOINT 2010 POUR LES DéVELOPPEURS par ROMELARD Fabrice
Animé par: Laurent Cotton Le développement dans SharePoint 2010 passe par plusieurs axes qui seront évoqués dans cette session, mais plus particulièrement les développements simples lié au besoin Business Business Connectivity Services Ce BCS es...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice TECHDAYS PARIS 2010 : PLEINIèRE DERNIER JOURTECHDAYS PARIS 2010 : PLEINIèRE DERNIER JOUR par ROMELARD Fabrice
Cette session est la dernière pleinière de ces 3 jours de TechDays Paris 2010. Généralement, cette troisième journée est plus axée sur l'avenir vu par Microsoft. Après un retour sur l'avenir vu par la Science Fiction ou par ...
Cliquez pour lire la suite de l'article par ROMELARD Fabrice
Forum
 PETITE HORLOGEPETITE HORLOGE par tatillon
Cliquez pour lire la suite par tatillon
Logiciels
 DB-MAIN (9.1.0)DB-MAIN (9.1.0)DB-MAIN is a data-modeling and data-architecture tool. It is designed to help developers and anal... Cliquez pour télécharger DB-MAIN Xilisoft DPG Convertisseur (5.1.37.0120)XILISOFT DPG CONVERTISSEUR (5.1.37.0120)Xilisoft DPG Convertisseur offre aux fans de Nintendo DS une bonne solution leur permettant de dé... Cliquez pour télécharger Xilisoft DPG Convertisseur GraphicsGale (2.01.01)GRAPHICSGALE (2.01.01)GraphicsGale est un logiciel de PixelArt avec de nombreuse fonctionnalités permettant de réalisé ... Cliquez pour télécharger GraphicsGale Architecte 3D (Platinum 2010)ARCHITECTE 3D (PLATINUM 2010)Architecte 3D Platinium vous permet de concevoir facilement les plans votre future maison, de l'é... Cliquez pour télécharger Architecte 3D TeamViewer 5 (TeamViewer 5)TEAMVIEWER 5 (TEAMVIEWER 5)Dépanner un ami,expliquer une manipulation devient un jeu d'enfant.
Prise en main d'un autre ord... Cliquez pour télécharger TeamViewer 5
|