MENU DÉFILANT DHTML , Source N°16044

Information sur la source

Catégorie :Menu & Co Niveau : Débutant Date de création : 07/03/2003 Date de mise à jour : 15/03/2003 20:17:18 Vu / téléchargé: 22 005 / 2 062

Auteur : malalam

Site perso

Ecrire un message privé

Note :

6,00 / 10

1
2
3
4
5
6
7
8
9
10

Commentaire sur cette source (10)

Ajouter un commentaire et/ou une note

Description

Ce petit menu vous permettra de faire défiler horizontalement de manière très fluide un menu. Il est contrôlé par des flêches 'gauche' et 'droite'.
Le mieux est de l'exécuter pour vous rendre compte par vous-même de l'effet (et d'amélioer l'ergonomie, quelque peu défaillante j'en conviens!).
Le code est simple à comprendre, je pense, je ne m'éternise donc pas ici...

Conclusion

Un exemple de ce menu se trouve sur ce site :
http://pont-entente.org

Il s'agit du menu défilant du milieu.

Fichier Zip

Pour les "Membres Club", vous pouvez télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

Programmation
- scripts mouah
  - menu_deroulant.html 2 104 octets
  - cadre
    - actub.jpg 1 464 octets
    - actuo.jpg 1 707 octets
    - documentb.jpg 1 529 octets
    - documento.jpg 1 751 octets
    - droite.jpg 1 132 octets
    - formationb.jpg 1 448 octets
    - formationo.jpg 1 707 octets
    - gauche.jpg 1 095 octets
    - geomatiqueb.jpg 1 595 octets
    - geomatiqueo.jpg 1 838 octets
    - informatb.jpg 1 687 octets
    - informato.jpg 1 883 octets
    - menucad.jpg 1 991 octets
    - projetb.jpg 1 299 octets
    - projeto.jpg 1 554 octets

Télécharger le zip

Sources du même auteur

Toutes les sources de malalam

Sources de la même categorie

Toutes les sources de la catégorie Menu & Co

Commentaires

Commentaire de paradoxreal8 le 07/03/2003 19:44:42

WOW C génial
Un beau code qui marche pas
Commentaire de malalam le 09/03/2003 21:06:38 administrateur CS

J'ai oublié de préciser que ça ne fonctionnait pour lemoment que sous IE...
Je viens de le télécharger pour voir si j'avais fait une erreur mais non: tout marche très bien. Sous IE, donc...;-)
Commentaire de fifipil909 le 09/04/2003 20:24:05

c'est bien fait, ca fonctionne, mais sa sert pas a grand chose !
Commentaire de aminozis le 30/04/2003 00:08:52

ohhoho qu'il est beau ...serieux c ingenieux
Commentaire de malalam le 30/04/2003 09:02:48 administrateur CS

Merci :-)
Pour Aminozis : ben heu...tu t'attendais à quoi? A ce qu'il fasse le café? ;-) C'est un menu de navigation, point barre.
Commentaire de jjdagadir le 13/08/2003 18:13:11

ET PUIS LE CAFE EN PRINCIPE C EST APRES AVOIR FINI LE MENU...
LA CRITIQUE EST AISEE MAIS L ART EST DIFFICILE. IL ME SEMBLE QUE CHACUN AVEC UN PEU DE CONNAISSANCE PEU ADAPTER FACILEMENT UNE TELLE SOURCE OU TOUT EST QUASIMENT MACHE...
BRAVO ENCORE MALAMAM
KENAVO
Commentaire de malalam le 14/08/2003 09:52:44 administrateur CS

Ah putain, j'l'avais oublié celui-là!
Bah sincèrement, merci, ça fait plaisir, la matinée commence bien grâce à toi :D
Commentaire de tanbeo le 06/06/2006 22:19:58

Bonjour, c'est exactement le script que je recherchais mais avec uune compatabilité sous les autres navigateurs.
Me permet juste de relancé dessus car voyant la date de ce scri^pt, je me dis que qlq à bien du le faire évoluer depuis, non?
Commentaire de snakehill le 11/07/2006 04:16:07

Excellent ! ça fait quelques jours que je suis a la recherche de ce genre de script ! merci MALALAM ! :)
A quand la compatibilité avec Firefox ?
Commentaire de kazma le 10/08/2008 20:18:21

<html>

modification pour rendre le script operationnel FF IE OPERA SAFARI



<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Menu Déroulant DHTML</title>
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="Johan Barbier">
</head>
<body>
<script language="JavaScript1.2">
// La fonction qui fait défiler le menu vers la gauche
cpt1=0;
function SL(texte)
{
a=document.getElementById(texte);
if (a.offsetLeft>=-450)
a.style.left=a.offsetLeft-1;
if (a.offsetLeft<-450)
return;
if (cpt1>20)
{
cpt1=0;
return;
}
cpt1++;
b=texte;
setTimeout('SL(b)', 1);
}
// La fonction qui fait défiler le menu vers la droite
cpt2=0;
function SR(texte)
{
a=document.getElementById(texte);
if (a.offsetLeft<=3)
a.style.left=a.offsetLeft+1;
if (a.offsetLeft>3)
return;
if (cpt2>20)
{
cpt2=0;
return;
}
cpt2++;
b=texte;
setTimeout('SR(b)', 1);
}
</script>
<div style="background:url(cadre/gauche.jpg); position: absolute; top: 274; left: 350;

height: 60; width: 30; cursor: hand" onMouseMove="SR('texte')"></div>
<div style="position: relative; top: 260; left: 392; width: 220; height: 60; background:

url('cadre/menucad.jpg'); z-index: 1">
<div style="position: relative; top: 5; left: 3; width: 214; height: 60; overflow: hidden;

z-index: 2; vertical-align: middle">
<span id="texte" style="position: relative; top: 5"><nobr><a href="#"><img

src="cadre/actub.jpg" border=0/></a><a href="formation.php" target="_self"><img

src="cadre/formationo.jpg" border=0/></a><a href="gpt.php" target="_self"><img

src="cadre/geomatiqueo.jpg" border=0/></a><a href="informatique.php" target="_self"><img

src="cadre/informato.jpg" border=0/></a><a href="documents.php" target="_self"><img

src="cadre/documento.jpg" border=0/></a><a href="projet.php" target="_self"><img

src="cadre/projeto.jpg" border=0/></a></nobr></span>
</div></div>
<div style="background:url(cadre/droite.jpg); position: relative; top: 200; left: 632;

height: 60; width: 30; cursor: hand" onMouseMove="SL('texte')"></div>

</body>
</html>