Utilisation de slidedown avec jquery

tipi75 Messages postés 680 Date d'inscription   Statut Membre Dernière intervention   -  
avion-f16 Messages postés 19252 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

12 réponses

Réponse 1 / 12
avion-f16 Messages postés 19252 Date d'inscription   Statut Contributeur Dernière intervention   4 507
 
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
Réponse 2 / 12
tipi75 Messages postés 680 Date d'inscription   Statut Membre Dernière intervention   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
Réponse 3 / 12
tipi75 Messages postés 680 Date d'inscription   Statut Membre Dernière intervention   27
 
ok,

J'essaye de faire fonctionner ton script mais je n'y arrive pas, je cherche....
0
Réponse 4 / 12
avion-f16 Messages postés 19252 Date d'inscription   Statut Contributeur Dernière intervention   4 507
 
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

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

Posez votre question
Réponse 5 / 12
tipi75 Messages postés 680 Date d'inscription   Statut Membre Dernière intervention   27
 
je ne vois pas ce que je dois mettre dans le head????
0
avion-f16 Messages postés 19252 Date d'inscription   Statut Contributeur Dernière intervention   4 507
 
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
Réponse 6 / 12
tipi75 Messages postés 680 Date d'inscription   Statut Membre Dernière intervention   27
 
ok mais comment je fais pour faire disparaitre le "fermer"?


Merci de ton aide précieuse
0
Réponse 7 / 12
tipi75 Messages postés 680 Date d'inscription   Statut Membre Dernière intervention   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
Réponse 8 / 12
avion-f16 Messages postés 19252 Date d'inscription   Statut Contributeur Dernière intervention   4 507
 
Voilà le script : 
$(document).ready(function() {
    $('#banniere').slideDown('slow');
    $('#menu').slideDown('slow');
});
0
Réponse 9 / 12
tipi75 Messages postés 680 Date d'inscription   Statut Membre Dernière intervention   27
 
ok mais à qu'elle moment j'appelle ce script.
0
Réponse 10 / 12
tipi75 Messages postés 680 Date d'inscription   Statut Membre Dernière intervention   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
Réponse 11 / 12
tipi75 Messages postés 680 Date d'inscription   Statut Membre Dernière intervention   27
 
Excuse j'ai oublié le lien:

https://www.isabelmarant.com/fr
0
Réponse 12 / 12
avion-f16 Messages postés 19252 Date d'inscription   Statut Contributeur Dernière intervention   4 507
 
Non mais avec du Javascript 'normal' oui.
0