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 : 53805
Envois par mail : 206

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 !

>> Poster une annotation sur ce script

4 visiteurs
actuellement en ligne

PUBLICITE

ANNUAIRE WEBMAST.

SpreadShirt
Ouvrez une boutique de Tshirt personnalisés sur votre site !
https://www.spreadshirt.net/

Cat : Contenu pour votre site
Voir l'annuaire webmaster

LES SCRIPTS :

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

LES MEMBRES :

56132 membres
8374 comptes CountUs
1541 comptes myCircle

LES FORUMS :

14 forums
39396 topics
189315 messages
>> Les forums

SONDAGE

La mini-astuce "Divers" du jour par caaptusss
Outlook express et Office recelle une option très utile : Les règles de messages. Elles vous permettent lorsque vous recevez beaucoup de messages d'un seul expéditeur, de les classer dans des dossiers prédéfinis ou que vous avez créé. Utile lorsque l'on veux s'y retrouver dans les mails ;-)
Proposer votre mini-astuce | Archives des mini-astuces

Pseudo :
Code :
	Se souvenir de moi