Utilisation de slidedown avec jquery

tipi75 Messages postés 723 Statut Membre -  
avion-f16 Messages postés 19182 Date d'inscription   Statut Contributeur Dernière intervention   -
Bonsoir,

Je voudrais utiliser la fonction slidedown avec jquery. Pouvez vous me donner un exemple? En fait lors du chargement de la page je voudrais utiliser slidedown afin de faire apparaitre le menu.

Merci pour votre aide
Configuration: Windows XP
Firefox 3.0.13

12 réponses

  1.
    avion-f16 Messages postés 19182 Date d'inscription   Statut Contributeur Dernière intervention   4 511
     
    C'est très simple.
    Code HTML : 
    <a href="#" id="ouvrir_box">Fermer</a>
<div id="box" style="display:none;"><img src="http://www.google.be/intl/en_com/images/logo_plain.png" alt="Logo Google" /></div>

    Code Javascript (entre <head> et </head>) : 
    $(document).ready(function() {
    $('#ouvrir_box').click(function() {
        $('#box').slideDown('slow');
    });
});


    N'oublie pas de te renseigner sur la documentation de JQuery
    1
  2. tipi75 Messages postés 723 Statut Membre 27
     
    Voici mon menu:

    <TR>
    <th><a href = "collections.php"><font color="white" face="century gothic" size="2">Collections     </a></th>
    <th><a href="actualites.php"><font color="white" face="century gothic" size="2">Actualités     </a></th>
    <th><a href="pointdevente.php"><font color="white" face="century gothic" size="2">Point de ventes     </a></th>

    </TR>

    Merci pour votre aide
    0
  3. tipi75 Messages postés 723 Statut Membre 27
     
    ok,

    J'essaye de faire fonctionner ton script mais je n'y arrive pas, je cherche....
    0
  4. avion-f16 Messages postés 19182 Date d'inscription   Statut Contributeur Dernière intervention   4 511
     
    Tu inclus bien le fichier jquery.js ?
    Pour l'inclure (entre <head> et </head>) : 
    <script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script>
    0

  5. Vous n’avez pas trouvé la réponse que vous recherchez ?

    Posez votre question
  6. tipi75 Messages postés 723 Statut Membre 27
     
    je ne vois pas ce que je dois mettre dans le head????
    0
    1. avion-f16 Messages postés 19182 Date d'inscription   Statut Contributeur Dernière intervention   4 511
       
      Ben je te l'ai donné le code à mettre dans le head pour inclure JQuery.
      Pour l'autre code (qui commence par "$(document).ready(..."), tu dois le place dans le head entre <script type="text/javascript"> et </script>.
      0
  7. tipi75 Messages postés 723 Statut Membre 27
     
    ok mais comment je fais pour faire disparaitre le "fermer"?

    Merci de ton aide précieuse
    0
  8. tipi75 Messages postés 723 Statut Membre 27
     
    Ma première possède un lien sur lequel l'internaute doit cliquer pour rentrer dans le site et ensuite la page qui vient possède un menu tout simple à l'horizontale avec au dessus un logo. Je voudrais faire apparaitre le logo et le menu avec le même effet.
    Comment dois je faire comme le lien est sur la page précédente?

    Merci pour ton aide
    0
  9. avion-f16 Messages postés 19182 Date d'inscription   Statut Contributeur Dernière intervention   4 511
     
    Voilà le script : 
    $(document).ready(function() {
    $('#banniere').slideDown('slow');
    $('#menu').slideDown('slow');
});
    0
  10. tipi75 Messages postés 723 Statut Membre 27
     
    ok mais à qu'elle moment j'appelle ce script.
    0
  11. tipi75 Messages postés 723 Statut Membre 27
     
    ok, c'est bon. Ca marche.

    Par hasard, sais tu si on peut faire des animations avec le pointeur en utilisant jquery. Regarde ce lien, je sais c'est du flash mais est ce que c'est possible avec jquery.

    Merci
    0
  13. avion-f16 Messages postés 19182 Date d'inscription   Statut Contributeur Dernière intervention   4 511
     
    Non mais avec du Javascript 'normal' oui.
    0