Menu onglet JavaScript/CSS avec sous-navigation

dans ce instructable, je vais vous montrer étape par étape comment créer un menu de l’onglet base de JavaScript/CSS avec un effet de substitution et un menu changeant de sous-navigation. Quelques notions de CSS et JavaScript base sont utile, mais pas nécessaire, étant donné que je vais fournir tout le code.

Ce code a été testé dans FireFox et IE6/7. Je n’ai pas eu l’occasion de le tester sur un Mac, mais il devrait fonctionner correctement.

Ce que vous devez :
-Un éditeur graphique (Photoshop, The GIMP, Pain Shop Pro, quel que soit)
-Un éditeur de texte (comme Crimson Editor ou Notepad)
-Caféine (facultatif)

Mots clés: JavaScript, Liste, CSS, Onglet, Manu, Valeur liquidative

Articles Liés

Comment ouvrir des fichiers mp3, mp4, ppt, doc et pdf avec un navigateur

Comment ouvrir des fichiers mp3, mp4, ppt, doc et pdf avec un navigateur

Le navigateur web que vous utilisez peut faire beaucoup plus que juste ouvert sites. En fait, Google Chrome et ses dérivés prend en charge une grande variété de formats de médias et documents de bureau. Certains d'entre eux sont pris en charge par dé
Comment faire pour créer des Custom CSS3 Dropdown Menus : menu déroulant CSS tutoriel pour les débutants

Comment faire pour créer des Custom CSS3 Dropdown Menus : menu déroulant CSS tutoriel pour les débutants

êtes-vous fatigué de votre dépendance sur JavaScript ? Ou si vous êtes un nouveau développeur web qui ne veut pas s'attaquer à un troisième langage HTML et CSS ? Alors inutile de s'inquiéter plus parce que depuis le lancement de CSS3 vous pouvez main
Comment fixer une balustrade avec sous-sol

Comment fixer une balustrade avec sous-sol

Le coût et la difficulté de remplacer un vieux rail rampe de sous-sol peut-être pas la peine vu que c'est juste pour le sous-sol, mais obtenir des éclats alors qu'aller vers le haut/vers le bas de l'escalier, c'est vraiment gênant et douloureux.J'ai
Kumihimo perles collier avec sous-titres anglais

Kumihimo perles collier avec sous-titres anglais

Dans ce tutoriel, je vais vous montrer comment faire un collier ou un bracelet kumihimo et perles ! Sous-titres anglais disponibles !Étape 1: Intro : Kumihimo perles collier ou un braceletSalut tout le monde !Avec cette vidéo, je veux vous montrer co
Comment faire un conduit bande livre Mark avec sous

Comment faire un conduit bande livre Mark avec sous

SUPLYSQuelques centimesRuban adhésif en toileÉtape 1: Duct Tape Couper 2 morceaux de gaine de bande c'est-à-dire 8"Étape 2: Ajout de quelques centimes Flip sur un morceau de ruban adhésif et ajouter quelques centimes comme suitÉtape 3: Le couvrir Tou
Mon ak47 knex avec sous folding stock

Mon ak47 knex avec sous folding stock

Il s'agit de mon fusil, j'ai fait après que j'ai construit Dragunov et maintenant iciIl est je devrais poster
Exécution de Scripts directement depuis le Menu contextuel sous Windows XP

Exécution de Scripts directement depuis le Menu contextuel sous Windows XP

cela développé à l'origine d'un thread sur à Aqua-colaboration surCréer un dossier « Vide-able ». Faire un dossier "vide-able"Quelqu'un voulait pouvoir vider le contenu d'un leur dossier de téléchargement sanssuppression du dossier. Avant de sau
MBot interactive avec JavaScript

MBot interactive avec JavaScript

Dans ce Instructable, nous allons construire un mBot interactive avec JavaScript. Avec cadre de Johnny-cinq, nous sommes en mesure à la robotique de programme avec JavaScript. Une interface web basée sur Socket.io sera mises en place pour interagir a
Steven Universe lumi inkodye sous-vêtements avec gem cristal grenat

Steven Universe lumi inkodye sous-vêtements avec gem cristal grenat

Une des choses que mon argent ne peut acheter est fine super héros/favori caractère sous-vêtements (ou n'importe quel merch vraiment) pour les dames. Tous les types de boxeurs semblent être disponible, et parfois j'ai essayé d'acheter quelques « gars
Supprimer les DRM d’iTunes films avec les sous-titres et les sous-titres

Supprimer les DRM d’iTunes films avec les sous-titres et les sous-titres

Comment puis-je obtenir les sous-titres/sous-titres lors de la conversion iTunes DRM M4V films ?Ces dernières années, plus de gens voudrais acheter et apprécier le film, la musique et le livre audio sur iTunes store. Mais c'est toujours le malheur qu
Conception graphique 3D avec Blender et Gimp

Conception graphique 3D avec Blender et Gimp

Bonjour à tous !Dans ce Instructable, je vais me promener à travers la façon d'utiliser le logiciel libre Blender pour la conception graphique 3d. Bien qu'il semble formidable, les bases de blender sont faciles à maîtriser. 3D art est devenu un peu u
Raspberry Pi en tant que joueur de Hi-Fi avec RuneAudio

Raspberry Pi en tant que joueur de Hi-Fi avec RuneAudio

ce Instructable vous montrera comment transformer votre Raspberry Pi dans un lecteur de musique Hi-Fi avec une surprenante qualité sonore lorsqu'il est utilisé en combinaison avec un DAC USB.Nous allons introduire ici RuneAudio, un libre et logiciel
Éditeur HTML/CSS ?

Éditeur HTML/CSS ?

je suis un geek.Je ne suis pas certifiable, je ne fais pas d'argent chez lui, je ne pouvais pas pirater la page Facebook de ma mère peu importe le nombre d'agents du FBI ont été après moi.Mais je suis un geek, au moins dans l'esprit.Je le sais car je
Vinyle coupé avec Fabtotum

Vinyle coupé avec Fabtotum

Ce tutoriel va montrer comment réaliser la coupe en vinyle utilisant un transport personnalisé pour le Fabtotum (scanner imprimante/CNC/3D 3D).Le transport personnalisé est fait pour soutenir un porte-lame de Silhouette, fait pour le vinyle bureau dé