11487 sujets

JavaScript, DOM et API Web HTML5

J'ai créé aujourd'hui un menu en accordéon jquery. J'aimerai à présent que lors de l'ouverture de ma page, celui-ci apparaissent en slide dans la fenêtre (en partant de la gauche). Avec une vitesse assez lente afin qu'on puisse observer l'effet.
Y aurait-il un script qui permette de donner cet effet à mon menu?
Merci de votre aide!
Modifié par shiryu (01 Sep 2009 - 14:10)
Bonjour,

Tu devrais jeter un coup d'oeil à jquery.

Une fois importée,
<script type="text/javascript" src="jquery.js"></script>


cette bibliothèque te permet d'effectuer des effets d'animation.

essaye quelque chose du genre :

<script type="text/javascript">
    <!--

    //lancement au chargement
    $(document).ready( function () {
         //si ton menu est en position absolute, utilise un left négatif dans ton fichier css, et l'animation suivante le mettra à la bonne place :
         $("#menuid").animate({left: "0px"},1500);

         //si ton menu est en position relative, utilise un margin left négatif dans ton fichier css, et l'animation suivante le mettra à la bonne place :
         $("#menuid").animate({marginLeft: "0px"},1500);

    } );
    // -->
    </script> 


la référence #menuid est à remplacer par l'id de ton menu

le chiffre après les commandes css correspond à la durée de l'animation en ms.
tu peux le remplacer par une expression avec guillemets: "fast" "normal" "slow"

pour plus d'information sur la fonction animate, voir la doc officiel très complète:
http://docs.jquery.com/Effects/animate