j'ai le code javascript auquel je veux ajouter l'effet fade-in jqueryjquery effet de fondu
hover.addEventListener('mouseover',function() {Core.addClass(cpanel,"on");},false);
Core est une autre bibliothèque que je utilise. l'écouteur d'événement ci-dessus active simplement la div cpanel à l'état visible. comment puis-je le faire disparaître dans la vue. J'utilise jquery-ui et je suis très nouveau à ce sujet.
merci beaucoup à l'avance.
En supposant que votre cPanel div a une classe de 'on', vous pouvez le faire:
$('.on').fadeIn("slow"); //.fadeIn("normal"); or .fadeIn("fast");
Voir fadeIn effect jQuery
j'ai un doute. dans l'extrait ci-dessus vous n'avez pas mentionné cpanel qui est la div je veux afficher? – amit
@amit - Donnez à votre div cpanel un ID comme id = "cpanel" et définissez le style sur style = "display: none", puis faites $ ('# cpanel'). FadeIn ("lent"); – karim79
merci beaucoup @karim. Ça marche. Maintenant, comment puis-je retirer le div de l'affichage sur le mouseout? J'utilisais ceci: hover.addEventListener ('mouseout', function() {Core.removeClass (cpanel, "on");}, faux); – amit
Vous pouvez utiliser fadeIn:
http://docs.jquery.com/Effects/fadeIn#speedcallback
Si vous voulez toujours utiliser votre snippet pour ajouter cette classe (ce qui peut aussi être fait dans jQuery btw), il suffit de mettre le code fadein de jQuery avant. Cela provoquera l'effet FadeIn, puis ajoutera simplement la classe "on" (probablement redondante).
En réponse au commentaire: Ceci est le code que j'essaierait d'abord
hover.addEventListener('mouseover',function() {
cpanel.fadeIn("slow"); // this is if cpanel is a jQuery object. If it is an element, do $(cpanel).fadeIn("slow");
Core.addClass(cpanel,"on");
}, false);
Si cela ne fonctionne toujours pas, pouvez-vous me faire savoir ce qui se passe, si quoi que ce soit? Merci.
J'ai essayé de le faire. n'a pas fonctionné. – amit
Aucun jquery-ui nécessaire sur celui-ci, karim79 résume joliment –
Que représentent les variables Core et cpanel dans votre code? Y a-t-il une autre bibliothèque JavaScript utilisée dans votre code? – artlung
oui j'ai déjà mentionné cela. pls voir le message. – amit