Fermer

Visiteur non-identifié | Identifiez-vous | Devenir membre
Code perdu ? | Combien de visiteurs sur votre site ?

Menu Supermario

Script posté par :

simondo
Vous aussi, postez vos scripts en cliquant ici.

Description

Un menu qui saute comme mario.

Compatibilité :

	FireFox : Toutes versions
	Mozilla : 1.7 et +
	Netscape Navigator : 6 et +
	Internet Explorer : 4 et +

Ce script utilise le DHTML

Chiffres :

Date de création : 4/11/2004
Dernière modif : -
Visites de la page : 65338
Envois par mail : 217

Exemple :

menu1

Option1
Option2
Option3

menu1

menu2

Option1
Option2
Option3

menu2

menu3

Option1
Option2
Option3

menu3

menu4

Option1
Option2
Option3

menu4

Le code :

Entre <HEAD> et </HEAD> :

Entre <BODY> et </BODY> :

<BODY bgcolor = "" onunLoad="fin()">
<basefont face="Verdana" size=-2>
<div id="m1" style="position:absolute;left:100;top:100;height:70;width:50; visibility:hidden">
    <table width=50 cellpadding=0 cellspacing=0 >
    <TR ><TD bgcolor=navy>
     <a href="javascript:pop(1);"-->
     <font color=white face="Verdana,Arial" size=-2><B>menu1</B></font> 
     </A>
    </td></TR>
    <TR height=100%><TD bgcolor="#00aaee" Width=100% height=100%>
    <font size="-2" face="verdana,arial, helvetica" color="#000090">
    <B><a href="javascript:alert('Menu 1-option1')">Option1</a></B><br>
    <B><a href="javascript:alert('Menu 1-option2')">Option2</a></B><br>
    <B><a href="javascript:alert('Menu 1-option3')">Option3</a></B><br>
    <br>
    </font>
    </TD>
    </TR>
    
    </TABLE>
</div>
<div id="m1R" style="position:absolute;left:100;top:100;height:70;width:50; visibility:visible">
    <table width=50 cellpadding=0 cellspacing=0 >
    <TR ><TD bgcolor=navy>
     <a href="javascript:pop(1);"-->
     <font color=white face="Verdana,Arial" size=-2><B>menu1</B></font> 
     </A>
    </td></TR></TABLE>
</div>

<div id="m2"  
style="position:absolute;left:150;top:100;height:70;width:48; visibility:hidden">
    <table width=50 cellpadding=0 cellspacing=0 >
    <TR ><TD bgcolor=navy>
     <a href="javascript:pop(2);"-->
     <font color=white face="Verdana,Arial" size=-2><B>menu2</B></font> 
     </A>
    </td></TR>
    <TR height=100%><TD bgcolor="#00aaee" Width=100% height=100%>
    <font size="-2" face="verdana,arial, helvetica" color="#000090">
    <B><a href="javascript:alert('Menu 2-option1')">Option1</a></B><br>
    <B><a href="javascript:alert('Menu 2-option2')">Option2</a></B><br>
    <B><a href="javascript:alert('Menu 2-option3')">Option3</a></B><br>
    <br>
    </font>
    </TD>
    
    </TR>
    
    </TABLE>
</div>

<div id="m3" 
style="position:absolute;left:200;top:100;height:70;width:50; visibility:hidden">
    <table width=50 cellpadding=0 cellspacing=0 >
    <TR ><TD bgcolor=navy>
     <a href="javascript:pop(3);"-->
     <font color=white face="Verdana,Arial" size=-2><B>menu3</B></font> 
     </A>
    </td></TR>
    <TR height=100%><TD bgcolor="#00aaee" Width=100% height=100%>
    <font size="-2" face="verdana,arial, helvetica" color="#000090">
    <B><a href="javascript:alert('Menu 3-option1')">Option1</a></B><br>
    <B><a href="javascript:alert('Menu 3-option2')">Option2</a></B><br>
    <B><a href="javascript:alert('Menu 3-option3')">Option3</a></B><br>
    <br>
    </font>
    </TD>
    </TR>
    </TABLE>
</div>

<div id="m4" 
style="position:absolute;left:250;top:100;height:70;width:50; visibility:hidden">
    <table width=50 cellpadding=0 cellspacing=0 >
    <TR ><TD bgcolor=navy>
     <a href="javascript:pop(4);"-->
     <font color=white face="Verdana,Arial" size=-2><B>menu4</B></font> 
     </A>
    </td></TR>
    <TR height=100%><TD bgcolor="#00aaee" Width=100% height=100%>
    <font size="-2" face="verdana,arial, helvetica" color="#000090">
    <B><a href="javascript:alert('Menu 4-option1')">Option1</a></B><br>
    <B><a href="javascript:alert('Menu 4-option2')">Option2</a></B><br>
    <B><a href="javascript:alert('Menu 4-option3')">Option3</a></B><br>
    <br>
    </font>
    </TD>
    </TR>
    </TABLE>
</div>

<br>

</body>

Services email :

Je désire recevoir ce script par email
Je désire recevoir un email en cas de modification de ce script
Je désire m'abonner à la newsletter de l'éditeur JavaScript

Les annotations des visiteurs :

De Pascal - le 02-12-2004

Fonctionne pas avec Sp2 et IE6

De Tucefa - le 22-12-2004

Chez moi sa fonctionne et j'ai IE 6

De pasondag - le 10-01-2005

Chez moi non plus sa fonctionne pas : Mozilla FireFox

De vlmath - le 05-04-2005

marche pas non plus sur Opéra 7.54

De SquallLion - le 23-05-2005

Moi, je ne vois quedal et j'ai IE6

De nicoperez - le 17-09-2005

je vois rien (IE6 SP2)

De Trinityzen - le 03-01-2006

L'exemple s'affiche sous Firefox 1.0.7.
Cependant il n'apparaît pas bien placé dans la page.

De Rem44 - le 19-02-2006

Je ne vois rien du tout (IE6 SP2)

De alex55 - le 07-04-2006

J'ai IE 6 et je vois rien non plus ni sur Mozzila... Y'a un probleme je pense...

De Soulfly - le 08-10-2006

Non tout vas bien avec firefox sauf que l'exemple est placé un peu au dessus de la page au (en haut a gauche près du nom de votre compte)

De will97 - le 26-03-2007

Ca marche pas avec IE7

De Yannoulu - le 07-11-2008

Rien du tout avec IE 7

De illusdidi - le 15-11-2008

Pas du tout compatible !

De Hugore - le 24-04-2010

Ne fonctinonne pas sur Firefox 3.6.3

>> Poster une annotation sur ce script

compteur gratuit
actuellement en ligne

PUBLICITE

ANNUAIRE WEBMAST.

Wipub
Plateforme d'affiliation. Beaucoup de petits programmes qui peuvent etre interessants.
http://www.wipub.com/

Cat : Affiliation - publicité
Voir l'annuaire webmaster

LES SCRIPTS :

78 à éditer
68 à copier/coller
247 des membres
2580 sur le web
>> Tous les scripts

LES MEMBRES :

65981 membres
4648 comptes CountUs
1842 comptes myCircle

LES FORUMS :

14 forums
40362 topics
191691 messages
>> Les forums

SONDAGE

La mini-astuce "Divers" du jour par mirage
Simplifiez-vous les forums : http://update.mozilla.org/extensions/moreinfo.php?id=128&vid=196&category=Miscellaneous ! Avec ce petit menu ajouté à vos options du clic droit, vous avez toutes les balises BBCode ! Très pratique pour le forum de l'EJS ;)
Proposer votre mini-astuce | Archives des mini-astuces

Pseudo :
Code :
	Se souvenir de moi