IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

jQuery Discussion :

Possible de rendre mon menu animé ?


Sujet :

jQuery

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre averti
    Homme Profil pro
    Inscrit en
    Juillet 2011
    Messages
    33
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Juillet 2011
    Messages : 33
    Par défaut Possible de rendre mon menu animé ?
    Bonjour à vous,


    J'utilise un menu déroulant en CSS (merci à developpez.com d'ailleur ) visible à cette adresse : http://red-team-design.developpez.co...eroulant-css3/

    J'aurai aimé savoir si il est techniquement et facilement possible d'ajouter un effet animé pour faire apparaitre le menu en fondu comme par exemple à cette adresse : http://dmouronval.developpez.com/tut...ry/menu-anime/


    J'ai essayé de faire un mix des 2 sans résultats !



    Merci à vous

  2. #2
    Expert confirmé

    Homme Profil pro
    Développeur Web
    Inscrit en
    Septembre 2010
    Messages
    5 418
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Puy de Dôme (Auvergne)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Septembre 2010
    Messages : 5 418
    Par défaut
    Citation Envoyé par Olive13013 Voir le message
    Bonjour à vous,
    J'aurai aimé savoir si il est techniquement et facilement possible d'ajouter un effet animé pour faire apparaitre le menu en fondu
    Tu parle du déroulement du menu ? C'est la ligne
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    $('ul.menu_body').slideToggle('medium');
    du code jquery qui permet cela. Si tes menus sont à un seul niveau ce devrait être possible d'adapter à ton premier menu. Si par contre tu as plusieurs niveaux de sous menus cela risque d'être moins simple.

  3. #3
    Rédacteur/Modérateur

    Avatar de SpaceFrog
    Homme Profil pro
    Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Inscrit en
    Mars 2002
    Messages
    39 659
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 75
    Localisation : Royaume-Uni

    Informations professionnelles :
    Activité : Développeur Web Php Mysql Html Javascript CSS Apache - Intégrateur - Bidouilleur SharePoint
    Secteur : Industrie

    Informations forums :
    Inscription : Mars 2002
    Messages : 39 659
    Billets dans le blog
    1
    Par défaut
    fadeIn(), fadeOut(), animate() ..; ce ne sont pas les possibilités qui manquent.
    Il est également possible d'agrémenter les animations de modulation de la vitesse d'execution...http://www.developpez.net/forums/d13...ations-easing/
    Ma page Developpez - Mon Blog Developpez
    Président du CCMPTP (Comité Contre le Mot "Problème" dans les Titres de Posts)
    Deux règles du succès: 1) Ne communiquez jamais à quelqu'un tout votre savoir...
    Votre post est résolu ? Alors n'oubliez pas le Tag

    Venez sur le Chat de Développez !

  4. #4
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 54
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    Euh... la suite de l'article est disponible vous savez : Un menu déroulant animé en CSS3...
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  5. #5
    Membre averti
    Homme Profil pro
    Inscrit en
    Juillet 2011
    Messages
    33
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Juillet 2011
    Messages : 33
    Par défaut
    Merci pour vos réponses.


    Je n'avais pas vu la suite du tutoriel en effet !


    Cela correspond très bien à ce que je recherche, merci à vous

  6. #6
    Membre averti
    Homme Profil pro
    Inscrit en
    Juillet 2011
    Messages
    33
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations forums :
    Inscription : Juillet 2011
    Messages : 33
    Par défaut
    Re bonjour, le menu animé fonctionne très bien


    Juste une petite question, est-il possible de régler la vitesse de l'animation quand les différents onglets de menu apparaissent ? J'aimerai légèrement ralentir l'animation...


    Merci à vous !

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Réponses: 1
    Dernier message: 20/11/2014, 21h25
  2. Rendre mon menu fixe (donc pas flottant !)
    Par jytest dans le forum Mise en page CSS
    Réponses: 27
    Dernier message: 25/09/2013, 21h15
  3. Comment rendre mon menu sup flottant ?
    Par adn505 dans le forum Général JavaScript
    Réponses: 5
    Dernier message: 25/02/2010, 14h59
  4. Animation flash cache mon Menu
    Par mamiberkof dans le forum Intégration
    Réponses: 3
    Dernier message: 02/02/2009, 01h12
  5. Est t il possible d'avoir un menu sur un clic droit ???
    Par almisuifre dans le forum C++Builder
    Réponses: 6
    Dernier message: 21/12/2004, 11h21

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo