Menu en forme de tableau contament visible -en partie- et qui apparaît totalement lorsqu'on le survole

Télécharger le projet
Commenter

Description

Coucou!
C'est un menu que j'apréçie, alors j'voulais vous en faire parts!
J'vais un peu vous aider à le prendre en main:
tout dabort le fichier "menu.js" qui définirat l'apparence du tableau, pour celui-ci on va directement en bas!
repérer dans le début du dernier paragraphe avant les quelques dernières lignes (remarque: il y a 2 balises "table" au début de ce paragraphe, et on utilise la 2°):

<table height="400" // ben ça veut bien dire ce que ça veut dire! la hauteur du tableau quoi!
border="1" cellpadding="1" bordercolor="#000000" // pas bessoin de commentaire! c'est la bordure quoi!

cellspacing="1" width="228" // vous l'auriez remarqué, la largeur du tableau -vaut tout de même noté que c'est la largeur du tableau, pas la largeur qu'on voit constament!-

background="font_C.jpg"> //... celui qui comprends pas, ben va valloir qui revise ces notions!

<TR><TD COLSPAN=2>
<DIV ALIGN="center"><B><FONT face="Arial" class=3> //tout le monde comprend, les caractéristique du texte!

La suite vous mettez les liens que vous souhaitez ou du texte si vous voulez! (j'ai rajouter dans les première lignes un lien pour revenir en arrière, actualiser ou avançé, à vous de voir si vous voulez le garder)

le 2° fichier "item.js" celui si c'est pour les déplacements du tableau en gros:

<!--

bodyWidth=(IE)?document.body.offsetWidth-20:window.innerWidth-20
YOffset=100; // espace entre le haut de votre page et le haut du tableau
staticYOffset=0;
XOffset=0; // espace entre la gauche de votre page et la partie gauche du tableau lorsqu'il n'est pas survolé
slideSpeed=68 // temps que met le tableau à se déplacer de gauche à droite lorsqu'on le survole
waitTime=85;

menuIsStatic="yes";
menuWidth=170;
barWidth=50;
buildMenu();

//-->

Source / Exemple : 


<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>
<SCRIPT language=JavaScript1.2 src="menu.js"></SCRIPT>
<SCRIPT language=JavaScript1.2 src="item.js"></SCRIPT>
</BODY>
</HTML>
Télécharger le projet

Codes Sources

A voir également

S'inscrire maintenant

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.