Tuto publié par Dans ce tuto Jquery, en vidéo, nous verrons comment mettre en place un système de navigation par onglets avec Jquery.
Tout d'abord, nous créerons la structure HTML du document, puis nous styliserons le tout avec du CSS, et enfin nous verrons comment afficher le contenu demandé lors du clic sur un onglet, ainsi que comment cacher les contenus liés aux autre onglets, et ce, bien entendu, avec Jquery.
Bon tuto!
Jetez un oeil à ces autres tuto jQuery 1.7
Créer un Sticky menu qui…
Dans ce tuto vidéo CSS3 et Jquery, en vidéo, nous allons voir…
Animer la hauteur d'un élément…
Dans ce tuto jQuery en vidéo, nous allons voir comment animer…
Mettre en place un panneau…
Dans ce tuto Jquery gratuit en vidéo, nous allons voir ensemble…
Mettre un background vidéo…
Dans ce tuto Jquery en vidéo, nous allons voir comment ajouter…
Créer un site web avec un…
Dans ce tuto jQuery / CSS3, nous allons ensemble, pas à pas,…
Créer un slider et l'intégrer…
A l'aide d'un plugin jQuery, nous allons créer un slider pour…
Créer une lightbox simplement…
Dans ce tuto Jquery en vidéo, nous verrons comment créer une…
Créer un scroll horizontal…
Dans ce tuto Jquery, en vidéo, nous allons voir ensemble comment…
Pour vous faire un avis, voici un extrait de quelques secondes. La version complète et téléchargeable de ce tuto jQuery 1.7 de 11 minutes est proposée dans une résolution plus grande que l’extrait suivant :
simpledev
, formateur certifié
Témoignage des clients de simpledev
Très bon formateur et surtout une incroyable diversité de tuto dans le domaine du développement de site web. J'ai commencé par les tutos concernant le html 5 et CSS3. Ces derniers proposent des sujets très utiles pour dynamiser mon site
Excellents tutos, très bien expliqués. Les tutos de Simpledev sont très utiles. L'une des choses qui fait la richesses des tutos est le "mélange des langages de programmation". On peut ainsi réaliser des systèmes complexes, avec plusieurs langages !
Bref j'ai pas besoin de préciser très bon formateur :)
Excellent Formateur, 5/5 tout y-est: application, contenu, bon son, pédagogie, bonne image, j'ai beaucoup appris en 2 jours de tuto. Parmi les quelques tutoriels que j'ai vu c'est celui qui se démarque. Simpledev. Bravo à lui j'en redemande.
Quoi dire d'autre ? merci pour tout ;).
Lire les autres témoignages
D'autres tuto de simpledev
Utiliser les Jointures en PHP
Dans ce tuto PHP en vidéo, nous verrons comment utiliser les jointures dans un cas pratique.…
Les jointures
Dans ce tuto Codeigniter gratuit, en vidéo, nous verrons comment utiliser les jointures…
Créer une librairie Codeigniter
Dans ce tuto Codeigniter gratuit en vidéo, vous apprendrez à créer une librairie Codeigniter.…
Fiche produit 3D interactive
Dans ce tuto CSS3 en vidéo, nous verrons comment réaliser un cube 3D en CSS3 avec des…
Notes attribuées par les utilisateurs (5 votes)
Les avis / Questions des utilisateurs (6)
Donnez votre avis ou posez une question au formateur.
Vous souhaitez commenter ce tuto vidéo ? Créez un compte gratuit. Déjà membre ? Identifiez-vous
Ce tuto en résumé ...
Ce tuto jQuery 1.7 d’une durée de 11 minutes a été acheté 64 fois et a reçu une note moyenne de 4/5.
Ce tuto a été publié le 8 janvier 2012 par simpledev, formateur certifié par Tuto.com, ayant reçu une note moyenne de 4,4/5 pour l’ensemble de ses vidéos, dans la catégorie Tuto jQuery Menu.
Tous les fichiers sources sont fournis avec cette formation. Ces derniers vous permettront de reproduire les manipulations expliquées dans cette formation.
Ce tuto video vous expliquera étape par étape, toutes les manipulations présentées par le formateur.
Toutes nos vidéos sont visionnées par notre équipe, avant d’être mises en ligne, garantissant ainsi la qualité des produits téléchargés.
Choisissez parmi 24011 tuto classés dans nos 201 logiciels ou langages informatiques.
(a acheté ce tuto - 07 février 2012)
" on comprend l'effet mais il faut copier un peu bêtement.
Mais il donne des idées de présentation pertinentes.
Adopté ! "
(a acheté ce tuto - 06 février 2012)
" Manque d'explications sur le code. "
(a acheté ce tuto - 30 janvier 2012)
" en tant novice dans le monde du javaScript, je trouve ton tuto assez rapide, mais malheureusement pas mal de choses qui me dérange ... On voit que tu métrises très bien le Java, mais malheureusement pour quelqu'un comme moi, je trouves que tes explications sont beaucoup trop rapide et ne rentre pas dans les détails, et donc je pense que pour les débutant comme moi, nous suivons à la lettre ce que tu nous dis, mais bêtement ... autrement je te félicite quand même pour t'être donné la peine de nous créer se tuto, qui par la suite, je l'espère, sera une rigolade pour moi, et je le regarderais d'un autre oeil ! Merci encore "
(auteur de ce tuto - 11 janvier 2012)
" @ Walterskinner Bonjour, pour charger le contenu d'une autre page HTML tu peux utiliser la fonction load() : http://jquery.developpeur-web2.com/documentation/evenements/load.php lors du clic sur un onglet.
a+ "
(a acheté ce tuto - 11 janvier 2012)
" Bonjour,
Merci beaucoup pour ce Tuto. Très bien comme toujours.
Par contre, je m’attendais à se que le contenu soit chargé depuis une autre page html.
Cela est-il possible simplement avec jQuery ?
Amicalement,
Jérôme
"
(a acheté ce tuto - 11 janvier 2012)
" Cool très utile, je suis content de ce tuto, merci! "