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

JavaScript Discussion :

animation java script(boite)


Sujet :

JavaScript

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre du Club
    Homme Profil pro
    Étudiant
    Inscrit en
    Août 2011
    Messages
    5
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Féroé

    Informations professionnelles :
    Activité : Étudiant
    Secteur : Enseignement

    Informations forums :
    Inscription : Août 2011
    Messages : 5
    Par défaut animation java script(boite)
    slt,
    comment creer une animation avec java script j'ai crée un boutton
    et une petite boite si je clique sur ce boutton la boite se deplace verticalement
    comment fait ca
    merci

  2. #2
    Membre actif
    Profil pro
    Développeur Web
    Inscrit en
    Février 2010
    Messages
    34
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : Développeur Web

    Informations forums :
    Inscription : Février 2010
    Messages : 34
    Par défaut
    Salut,
    Le javascript te permet facilement de modifier les propriétés des éléments présents dans ta page web.
    Pour réaliser des actions simples comme sélectionner un élément et modifier ses propriétés de position, je te suggère de lire le Tutoriels JS de ce site.
    Tu pourras apprendre à te servir de librairie toute faite qui permettent de réaliser en très peu de lignes ce genre d'opération.

    Pour répondre quand même un minimum à ton problème :
    1 : sélectionne la div à déplacer :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    var block = document.getElementById('idBlock');
    2 : crée une boucle pour le déplacement progressif avec setInterval:
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    setInterval(fonctionDeDeplacement, 15);
    le 15 c'est le temps (en milliseconde) entre chaque exécution de ta boucle

    3 : crée la fonction qui va modifier la propriété de ton block :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    fonctionDeDeplacement() {
    block.style.top = block.style.top + 1;
    }
    Tu n'arrivera pas à faire ce que tu demande sans consulter un minimum de cours, c'est juste pour te mettre sur la voie.

Discussions similaires

  1. [Java script et CSS3] Une animation fluide?
    Par themoye dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 20/02/2010, 11h15
  2. [Info] java script dans eclipse
    Par bf83 dans le forum Eclipse Java
    Réponses: 3
    Dernier message: 29/03/2006, 14h19
  3. [Java Script] Lien avec infobulle...
    Par greg1386 dans le forum Général JavaScript
    Réponses: 6
    Dernier message: 09/02/2006, 21h15
  4. Java script + JSP : Passage de données
    Par Rastapwalu dans le forum Général JavaScript
    Réponses: 14
    Dernier message: 12/12/2005, 15h58
  5. info bulles en java script
    Par romjel dans le forum Général JavaScript
    Réponses: 7
    Dernier message: 24/08/2005, 01h47

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