La Communauté Webmaster  forum rss


  Forum-webmaster
  Technique - programmation
  Javascript / DOM / Ajax
(Modérateurs: Shain, Netah, Lilian, lauryv, ToToMaStEr)
  Déclencher une animation selon la postion du curseur
« Précédent Suivant »
Pages: [1] Descendre
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
  Auteur  Sujet: Déclencher une animation selon la postion du curseur  (Lu 1793 fois)
Déclencher une animation selon la postion du curseur
« sur: le 10-05-2011 a 23:37:46 »
Baboum
Membre récent
*

Hors-Ligne

Sexe: Male
Messages: 5





Voir le Profil
Répondre avec citation

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)

Rapporter au modérateur  

Re:Déclencher une animation selon la postion du curseur
« Répondre #1 sur: le 11-05-2011 a 02:14:36 »
Pad
Modérateur Global
*****

Hors-Ligne

Sexe: Male
Messages: 1391





Voir le Profil    WWW
Répondre avec citation

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) puis d'ajouter une condition if(le curseur est dans la zone) ça lance ton animation

Rapporter au modérateur  

Webdéveloppeur / Webdesigner Indépendant
http://vincentdapp.fr/
SIRET 517 691 408 00028
Re:Déclencher une animation selon la postion du curseur
« Répondre #2 sur: le 11-05-2011 a 16:54:45 »
Baboum
Membre récent
*

Hors-Ligne

Sexe: Male
Messages: 5





Voir le Profil
Répondre avec citation

Merci pour ta réponse Pad 

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

Rapporter au modérateur  
Re:Déclencher une animation selon la postion du curseur
« Répondre #3 sur: le 19-05-2011 a 22:46:44 »
webyser
Membre récent
*

Hors-Ligne

Messages: 27





Voir le Profil    WWW    E-Mail
Répondre avec citation

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.

Rapporter au modérateur  

http://www.webyser.fr
Nous créons votre site internet !
http://www.sf-univers.com
Re:Déclencher une animation selon la postion du curseur
« Répondre #4 sur: le 23-05-2011 a 22:55:54 »
Baboum
Membre récent
*

Hors-Ligne

Sexe: Male
Messages: 5





Voir le Profil
Répondre avec citation

Merci!

J'ai du changer finalement, mon prof n'aimait pas :/ Merci tout de même pour votre aide!

Rapporter au modérateur  
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
Pages: [1] Monter
« Précédent Suivant »
Sauter à: 

Votre statut : Invité
Vous devez être membre pour participer.
 
 
Let’s Encrypt : le certificat SSL gratuit
Tester votre site internet sur différents navigateurs
[WordPress] Des problèmes avec l’administration ?
Rappel : Mettez à jour vos CMS et vos sites E-commerce
Le .fr fête ses 25 années d’existence !
Mesurer votre audience en temps réel avec BubbleStat
Porter réclamation contre Google Panda ?
Zlio n’est plus …
 
 
 
 
 

Copyright (c) Devclic 2002 - 2026 - Tous droits réservés

creation site internet strasbourg