Nicolas Grillet

Intégrateur Web

Télécharger mon CV Contactez moi

jQuery // Menu toujours visible

nicoss01 - 07/02/2011

Tutorial pour créer un menu simple HTML/CSS qui est toujours visible même lorsque vous utilisez le scroll (défilement).

Pour ce tutorial vous avez besoin de jQuery 1.5 téléchargeable sur le site officiel http://jquery.com

Tout d’abord il faut un document HTML classique, par exemple la structure suivante :

tuto

Ce qui donne le code HTML ci-dessous :

&lt;div id="page"&gt;<br />    &lt;div id="entete"&gt;<br />      &lt;div id="contenu"&gt;&lt;/div&gt;<br />      &lt;div id="menu"&gt;<br />              &lt;ul&gt;<br />                     &lt;li&gt;&lt;a href="#"&gt;Lien&lt;/a&gt;&lt;/li&gt;<br />                     &lt;li&gt;&lt;a href="#"&gt;Lien&lt;/a&gt;&lt;/li&gt;<br />                     &lt;li&gt;&lt;a href="#"&gt;Lien&lt;/a&gt;&lt;/li&gt;<br />                     &lt;li&gt;&lt;a href="#"&gt;Lien&lt;/a&gt;&lt;/li&gt;<br />                     &lt;li&gt;&lt;a href="#"&gt;Lien&lt;/a&gt;&lt;/li&gt;<br />                     &lt;li&gt;&lt;a href="#"&gt;Lien&lt;/a&gt;&lt;/li&gt;<br />                     &lt;li&gt;&lt;a href="#"&gt;Lien&lt;/a&gt;&lt;/li&gt;<br />              &lt;/ul&gt;<br />      &lt;/div&gt;<br />&lt;/div&gt;

Leave a Comment

You must be logged in to post a comment.

Laisser un commentaire

Copyright Nicolas Grillet