Voila je suis en train de refaire tout le design de mon site et j'ai eu l'idée de la faire dans une télévision (voir la télévision en question ici). Je bloque sur mon menu je voudrais que le bouton du téléviseur suive la souri en tournant autour d'un axe et que cette animation se déclenche dans une zone (voir schéma si dessous).

Autre schéma ici
Merci d'avance

5 réponses


Maerynn
Réponse acceptée

Si tu ne cherches qu'une réaction lors du survol d'un élément (en l’occurrence ton texte), il te suffit de procéder ainsi :

Créé ton bouton central
Créé tes textes
Ajoutes leur un event listener 'Mouse.hover' (de mémoire)
Sur le gestionnaire d'évènement tu récupère la source, et en fonction de celle ci tu sauras comment orienter ton bouton (object.rotation)

Faire "tourner" un élément en HTML tu va avoir un peu du mal (déjà tu va être obligé de faire du CSS3 non supporté par IE8-)
Après le code js à toi de le concevoir :)

bapinaud
Auteur

merci mais je voudrais que si ma souri est sur le texte page 1 le bouton se met à tourner vers page1

bapinaud
Auteur

mer ca ma bien aider

Faire "tourner" un élément en HTML tu va avoir un peu du mal (déjà tu va être obligé de faire du CSS3 non supporté par IE8-)
Après le code js à toi de le concevoi

_____________________________________
peugeot accessoires
mercedes utilitaire