Titre: Déclencher une animation selon la postion du curseur
Posté par: Baboum le le 10-05-2011 a 23:37:46
Bonsoir!
Je débute en javascript et Jquery, je connais très peu d'ailleurs ... :-\
Je ne sais pas vraiment ou chercher et comment chercher ce que je veux.
J'aimerai déclencher une animation lorsque le curseur passe sur une zone de l'écran et qu'après l'animation, on passe à la page suivante.
Pouvez-vous m'indiquer des pistes ? (On m'a dit que c'était possible en javascript, JQuery et même en CSS3) |
Titre: Re:Déclencher une animation selon la postion du curseur
Posté par: Pad le le 11-05-2011 a 02:14:36
| pour commencer je pense qu'il faudrait trouver un code pour détecter la position de ton curseur (http://www.editeurjavascript.com/scripts/scripts_evenements_2_50.php (http://www.editeurjavascript.com/scripts/scripts_evenements_2_50.php)) puis d'ajouter une condition if(le curseur est dans la zone) ça lance ton animation |
Titre: Re:Déclencher une animation selon la postion du curseur
Posté par: Baboum le le 11-05-2011 a 16:54:45
Merci pour ta réponse Pad :D
Bon après une bonne discussion avec mon collègue étudiant, j'ai décidé de simplifier en faite.
J'ai sur ma page :
-Un bakcground
-Une <div id="bombe">
Il faut que je traduise en Javascript ou Jquery
SI on clique sur la div bombe
ALORS le compte à rebours démarre
SI le compte à rebours = 0
ALORS l'animation se lance
SI l'anim est finie ALORS on accède à une autre page |
Titre: Re:Déclencher une animation selon la postion du curseur
Posté par: webyser le le 19-05-2011 a 22:46:44
Bonjour,
tu peux rajouter dans ton div un événement javascript OnClick qui appellera une fonction javascript qui lancera ton animation lorsqu'il y aura un click sur ton div.
(<div id="bombe" OnClick="fontionjs();" >)
Après cela dépend de quelle animation tu veux (format).
PS.: Ta première idée de lancer l'animation au passage de la sourie au dessus d'une zone n'est pas plus compliquée. Il faut juste utiliser l'événement OnMouseOver dans ton div.
Tu peux aussi mettre ces événements dans un fichier CSS comme tu l'as indiqué.
Si tu as besoin de plus de détails n'hésites pas à me demander.
|
Titre: Re:Déclencher une animation selon la postion du curseur
Posté par: Baboum le le 23-05-2011 a 22:55:54
Merci!
J'ai du changer finalement, mon prof n'aimait pas :/ Merci tout de même pour votre aide! ;) |
Forum-webmaster | Actionné par YaBB SE
© 2001-2003, YaBB SE Dev Team. Tous droits réservés.
|