Menu retractable

‡ A VOIR ‡

» Orpea
» Chat
» Kit graphique
» Banniere
» Visiteurs
» Metas tag
» Livre d'or
» Jeux
» Petites annonces

‡ MEMBRES ‡

» S'inscrire
» Connexion

‡ AFFILIATION ‡

» Affiliation

‡ PARTENAIRES ‡

» Partenaires suite

Afficher votre bannière ici - Affiliation

Titre du Script : Menu retractable

Exemple :

En haut à gauche
Utiliser internet explorer pour voir correctement l'exemple.

Le script :

Entre <HEAD > </HEAD > :

Entre <BODY > </BODY > :

Dans un fichier .js :

//Static Slide Menu 6.5 © MaXimuS 2000-2001, All Rights Reserved.
//Site: http://www.absolutegb.com/maximus
//E-mail: maximus@nsimail.com
//Script featured on Dynamic Drive (http://www.dynamicdrive.com)

NS6 = (document.getElementById&&!document.all)
IE = (document.all)
NS = (navigator.appName=="Netscape" && navigator.appVersion.charAt(0)=="4")

tempBar='';barBuilt=0;ssmItems=new Array();

moving=setTimeout('null',1)
function moveOut() {
if ((NS6||NS)&&parseInt(ssm.left)<0 || IE && ssm.pixelLeft<0) {
clearTimeout(moving);moving = setTimeout('moveOut()', slideSpeed);slideMenu(10)}
else {clearTimeout(moving);moving=setTimeout('null',1)}};
function moveBack() {clearTimeout(moving);moving = setTimeout('moveBack1()', waitTime)}
function moveBack1() {
if ((NS6||NS) && parseInt(ssm.left)>(-menuWidth) || IE && ssm.pixelLeft>(-menuWidth)) {
clearTimeout(moving);moving = setTimeout('moveBack1()', slideSpeed);slideMenu(-10)}
else {clearTimeout(moving);moving=setTimeout('null',1)}}
function slideMenu(num){
if (IE) {ssm.pixelLeft += num;}
if (NS||NS6) {ssm.left = parseInt(ssm.left)+num;}
if (NS) {bssm.clip.right+=num;bssm2.clip.right+=num;}}

function buildBar() {
if(barText.indexOf('<IMG')>-1) {tempBar=barText}
else{for (b=0;b<barText.length;b++) {tempBar+=barText.charAt(b)+"<BR>"}}
document.write('<td align="center" rowspan="100" width="'+barWidth+'" bgcolor="'+barBGColor+'" valign="'+barVAlign+'"><p align="center"><font face="'+barFontFamily+'" Size="'+barFontSize+'" COLOR="'+barFontColor+'"><B>'+tempBar+'</B></font></p></TD>')}

<!--

Configure menu styles below

NOTE: To edit the link colors, go to the STYLE tags and edit the ssm2Items colors

b=(screen.width==800&&screen.height==600);

if(b) YOffset=0;
else YOffset=10; // no quotes!!
XOffset=0;
staticYOffset=6; // no quotes!!
slideSpeed=20 // no quotes!!
waitTime=100; // no quotes!! this sets the time the menu stays out for after the mouse goes off it.
menuBGColor="RoyalBlue";
menuIsStatic="yes"; //this sets whether menu should stay static on the screen
if(b) menuWidth=160;
else menuWidth=180; // Must be a multiple of 10! no quotes!!
menuCols=2;
hdrFontFamily="verdana";
if(b) hdrFontSize="1";
else hdrFontSize="2";
hdrFontColor="Navy";
hdrBGColor="Sandybrown";
hdrAlign="center";
hdrVAlign="center";
hdrHeight="15";
linkFontFamily="Verdana";
if(b) linkFontSize="1";
else linkFontSize="2";
linkBGColor="white";
linkOverBGColor="PaleGoldenrod";
linkTarget="_top";
linkAlign="Left";
barBGColor="Sandybrown";
barFontFamily="Verdana";
if(b) barFontSize="1";
else barFontSize="2";
barFontColor="Navy";
barVAlign="center";
barWidth=20; // no quotes!!
barText="NOM DU MENU"; // <IMG> tag supported. Put exact html for an image to show.

///////////////////////////
// ssmItems[...]=[name, link, target, colspan, endrow?] - leave 'link' and 'target' blank to make a header

ssmItems[0]=["ACCUEIL"] //create header
ssmItems[1]=["Accueil", "http://www.orpea.info",""] //create header
ssmItems[2]=["Chat", "http://www.orpea.info/chat.php",""]
ssmItems[3]=["Jeux", "http://www.orpea.info/jeuxflash.php",""]
ssmItems[4]=["PUB", "", ""] //create header
ssmItems[5]=["Annonceur", "http://www.orpea.info/pubs.php",""]
ssmItems[6]=["Webmasters", "http://www.orpea.info/affi.php",""]

buildMenu();

//-->

Observation(s) :

un menu qui est vertical, il se met sur le cote gauche de la page et quand
le visiteur passe son curseur dessus, il le voit apparaitre en entier.

* Si vous utilisez le traducteur en ligne recopiez seulement le script produit en version française.

Vos commentaires concernant cette page :

‡ Accueil ‡ Contact ‡ Plan ‡