CodeS-SourceS est hébergé par Frontier.fr

Cliquez ici pour mettre ce site au démarrage de votre navigateur

AccueilCodesTutorielsForumsEmploiLivresGuide achatConnexion

begin process at 2009 07 05 23:02:28

SILVERLIGHT 3 : COMMUNICATION ET MULTICAST par KooKiz

[PERSO] DéCOUVERTES ESTIVALES : LINUX (PART I) par FREMYCOMPANY

[REFACTORING] RESHARPER POUR VISUAL STUDIO 2010 (PREVIEW) par tja

[REFACTORING] ANALYSER VOS EXCEPTIONS AVEC RESHARPER EXCEPTIONAL par tja

SHAREPOINT 2007 : PATTERNS & PRACTICES SHAREPOINT GUIDANCE par phil

RE : BOUCLES ! par cedcyr

BOUCLES ! par cedcyr

CODE POUR EDITEUR DE TEXTE AVEC PRISE EN CHARGE DU COPIER/COLLER GARDANT LA MISE EN FORME par lolhangman

RE : COMMENT RéCUPéRER LES VARIABLES DE PLUSIEURS FORMULAIRES POUR OUVRIR FICHIER EXCEL par Bul3

+ de logiciels à télécharger

1 464 910 membres
401 nouveaux aujourd'hui
15 045 membres club

Trouver une ressource

Trouvez une ressource parmi 40 095 codes, 1 303 030 messages d'aide etc...

Recherche: dans [ Dernières recherches ]

Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

MENU DÉFILANT DHTML

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é: 24 901 / 2 301

Auteur : malalam

Site perso

Ecrire un message privé

Note :

6,00 / 10

Commentaire sur cette source (11)

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

ANIMATION SIMULANT UN DÉPLACEMENT EN PROFONDEUR

UN SLIDESHOW AVEC FADE-IN FADE-OUT DES VIGNETTES ET AFFICHAG...

MENU DÉROULANT AVEC 'FADE' DE COULEURS DHTML

Toutes les sources de malalam

Sources de la même categorie

TBFRAME: TAB BROWSING FRAME par triumphs

MENU PRINCIPAL par ali1987

MENU AVEC ROULETTE par jdmcreator

JVSMENU : MENUS CLASSIQUES ET CONTEXTUELS AVANCÉS EN JAVASCR... par emericv

MENU HORIZONTALE RÉALISÉ AVEC DYNAMIC par Kimjoa

Toutes les sources de la catégorie Menu & Co

Commentaires et avis

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>