Sujet Précédent Sujet Suivant

Optimisation simple javascript et transition ?

Fermé
spylller Messages postés 395 Date d'inscription dimanche 1 mars 2015 Statut Membre Dernière intervention 11 juillet 2019 - Modifié par spylller le 12/10/2016 à 22:43
animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 - 12 oct. 2016 à 23:26
Bonjour,
Pour afficher cacher un texte je fais ceci : 
<div id="text1" style="display:none;"><p>Du texte</p></div>


var text1 = document.getElementById('text1');
var bouton= document.getElementById('bouton');

bouton.onmouseover = function() {
text1.style="display:;";};
bouton.onmouseout = function() {
text1.style="display:none;";};


Mais je pense que ce n'est pas optimisé, et ma question est :
Comment faire une animation = une transition entre le texte invisible et visible ?
Merci beaucoup !
Have a nice day
A voir également:

1 réponse

Réponse 1 / 1
animostab Messages postés 2829 Date d'inscription jeudi 10 mars 2005 Statut Membre Dernière intervention 11 novembre 2019 738
Modifié par animostab le 12/10/2016 à 23:29
Salut
tu peux utiliser jquery avec la function animate() ou fadeIn() ou slideDown()

ou mettre une classe que tu change avec javascript
+ du css avec @keyframe sur la classe qui est changée

Ou meme juste avec du css sans javascript avec :hover et une animation keyframe

Un petit merci vaut mieux qu'une grande ignorance !
Donc si votre sujet est résolu une réponse avec merci c'est pas de refus.
0

Discussions similaires

Powerpoint ajout de nouvelles transitions
fleurbleue-plumerose -
fleurbleue-plumerose -

7 réponses
Javascript Arrondi à 2 chiffres après la virgule
jeremy -
gravityaerox -

12 réponses