J'ai un site de vidéo de diffusion, avec un menu, qui devrait être caché, lorsque la souris ne bouge pas pendant un moment (disons 10 secondes). De même, il devrait apparaître en arrière, avec le mouvement de la souris. Quelle est la meilleure façon d'y parvenir en utilisant css et jQuery? Merci d'avance.Masquer l'élément div avec jQuery, lorsque la souris ne bouge pas pendant un certain temps?
8
A
Répondre
20
Jetez un coup d'œil à l'événement mousemove
. Vous pouvez essayer quelque chose comme ceci:
var i = null;
$("#element").mousemove(function() {
clearTimeout(i);
$("#menu").show();
i = setTimeout(function() {
$("#menu").hide();
}, 10000);
}).mouseleave(function() {
clearTimeout(i);
$("#menu").hide();
});
+0
Super, c'est ce que j'ai cherché! Je regardais l'événement mousemove, mais je n'arrivais pas à comprendre comment y mettre un Timeout. Merci beaucoup! – Maay
Questions connexes
- 1. Détection lorsque la souris ne bouge pas
- 2. Pour une div avec un curseur CSS-défini, IE ne réinitialise pas automatiquement le curseur si la souris ne bouge pas pendant que ce div est caché
- 3. L'application se bloque pendant un certain temps
- 4. délai jquery télécharger le processus pendant un certain temps
- 5. Webkit et Safari fire mousemove même lorsque la souris ne bouge pas
- 6. Appel d'une fonction pendant un certain temps
- 7. Désactivation d'un bouton pendant un certain temps
- 8. Comment afficher les éléments créés dynamiquement pendant un certain temps?
- 9. jQuery masquer si la souris n'est pas sur onload
- 10. Comment appeler un actionlistener pendant que le curseur bouge, pas seulement quand je lâche la souris?
- 11. montrer div pendant un temps fixe, puis le cacher
- 12. Verrouiller la table SQL pendant un certain temps
- 13. Cacher une div après un certain temps si aucune activité ne se produit sur ce div
- 14. Verrouiller un bouton après avoir appuyé pendant un certain temps
- 15. Le vol stationnaire de Jquery ne peut avoir d'effet que pendant un certain temps
- 16. boucle avec un certain temps
- 17. jQuery mouse out et ne pas masquer un élément particulier
- 18. curseur ne bouge pas
- 19. Comment désactiver les événements pendant un certain temps en Javascript ou jQuery
- 20. Masquer le texte alternatif lorsque vous passez la souris
- 21. meilleure façon d'arrêter ondraw() opengl pendant un certain temps
- 22. Utilisation de jQuery pour afficher/masquer un div puis afficher/masquer un div dans ce div
- 23. Afficher masquer div opaque
- 24. Jquery - Masquer div spécifique
- 25. Code pour faire apparaître div après un certain temps
- 26. Exécuter une boucle infinie pendant un certain temps dans c
- 27. Masquer une div à l'aide de jQuery lorsque
- 28. jQuery DatePicker ne se déplace pas avec du contenu HTML lorsque dans un div défilant
- 29. JQuery - Masquer la page rafraîchir div wrapper
- 30. La poignée du curseur jQueryUI ne bouge pas
Avez-vous des événements de déplacement de la souris lorsque la souris se déplace sur la vidéo? Ou utilisez-vous un plugin qui arrête tous ces événements bouillonnants? Si vous ne pouvez pas mieux utiliser n'importe quel plugin (je suppose que Flash) montre la vidéo pour gérer le menu aussi. – Douglas