Sujet Précédent Sujet Suivant

Utilisation de slidedown avec jquery

Fermé
tipi75 Messages postés 680 Date d'inscription lundi 20 août 2007 Statut Membre Dernière intervention 16 avril 2015 - 13 août 2009 à 18:40
avion-f16 Messages postés 19249 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 15 juin 2024 - 13 août 2009 à 22:28
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 19249 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 15 juin 2024 4 505
13 août 2009 à 19:03
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 lundi 20 août 2007 Statut Membre Dernière intervention 16 avril 2015 27
13 août 2009 à 19:02
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 lundi 20 août 2007 Statut Membre Dernière intervention 16 avril 2015 27
13 août 2009 à 19:16
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 19249 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 15 juin 2024 4 505
13 août 2009 à 19:23
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 lundi 20 août 2007 Statut Membre Dernière intervention 16 avril 2015 27
13 août 2009 à 19:45
je ne vois pas ce que je dois mettre dans le head????
0
avion-f16 Messages postés 19249 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 15 juin 2024 4 505
13 août 2009 à 20:16
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 lundi 20 août 2007 Statut Membre Dernière intervention 16 avril 2015 27
13 août 2009 à 19:47
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 lundi 20 août 2007 Statut Membre Dernière intervention 16 avril 2015 27
13 août 2009 à 19:59
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 19249 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 15 juin 2024 4 505
13 août 2009 à 20:18
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 lundi 20 août 2007 Statut Membre Dernière intervention 16 avril 2015 27
13 août 2009 à 21:23
ok mais à qu'elle moment j'appelle ce script.
0
Réponse 10 / 12
tipi75 Messages postés 680 Date d'inscription lundi 20 août 2007 Statut Membre Dernière intervention 16 avril 2015 27
13 août 2009 à 21:32
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 lundi 20 août 2007 Statut Membre Dernière intervention 16 avril 2015 27
13 août 2009 à 21:39
Excuse j'ai oublié le lien:

https://www.isabelmarant.com/fr
0
Réponse 12 / 12
avion-f16 Messages postés 19249 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 15 juin 2024 4 505
13 août 2009 à 22:28
Non mais avec du Javascript 'normal' oui.
0