Comment puis-je utiliser Javascript pour afficher le message d'information à côté du pointeur de la souris lorsque le pointeur de la souris survole un lien ou un bouton? L'information sera toujours à côté du pointeur de la souris jusqu'à ce que la souris sorte du lien/bouton.Comment puis-je utiliser Javascript pour afficher un message d'information à côté du pointeur de la souris?
Répondre
Avec jQuery, vous pouvez utiliser les méthodes suivantes:
- http://docs.jquery.com/Events/mouseenter#fn
- http://docs.jquery.com/Events/mouseleave#fn
- http://docs.jquery.com/Events/mousemove#fn
- http://docs.jquery.com/UI/API/1.7/Dialog#option-position
devrait être relativement clair comment coudre les ensemble.
Oui, cela est possible. Regardez la fonction de gestion des événements onmousemove
. Il est passé un objet event
qui contient des propriétés appelées clientX
et clientY
, qui sont les coordonnées de la souris.
Bien sûr, IE fait ce genre de chose légèrement différemment et sera une douleur pour vous. Une librairie Javascript dissimule ces différences et serait plus facile, mais ce n'est pas trop difficile à faire en JS.
Jin, Overlib est exactement ce que vous cherchez, et si vous avez eu cette idée d'un autre site Web, les chances sont, ce site l'utilisait. La tip/info est toujours présente lorsque vous survolez un élément activé - ce qui est le comportement par défaut de overLib. Il est également facilement personnalisable à l'un des nombreux exemples sur la page d'accueil:
- 1. SVG emplacement du pointeur de la souris
- 2. Comment afficher les boîtes de message à partir du code côté serveur?
- 3. Développer un lien pour afficher l'image sans utiliser javascript
- 4. Flex: Afficher le message d'erreur du validateur
- 5. Comment puis-je redéfinir le script du pointeur de la souris après la réinitialisation d'une application?
- 6. Afficher un message d'erreur personnalisé dans asp.net?
- 7. Pourquoi Gosu cache-t-il le pointeur de la souris?
- 8. Afficher un message d'invite de commande (ou, message à la console) à partir de l'application Windows
- 9. comment afficher le message d'actualisation dans la fenêtre du navigateur
- 10. Pouvez-vous utiliser javascript pour afficher un flux d'images?
- 11. Meilleure méthode pour faire défiler un ScrollPane en positionnant le pointeur de la souris dans actionscript?
- 12. Modifier le type de curseur lorsque la souris survole un texte sélectionné en utilisant HTML/Javascript
- 13. changer la couleur du thème ui et le clic de souris pour passer la souris?
- 14. safari: obtenez le mot sous le pointeur de la souris
- 15. Événements côté serveur JavaScript
- 16. vitesse de suivi de la souris Javascript
- 17. jQuery/JavaScript "this" confusion du pointeur
- 18. Afficher/Masquer la (baisse/bas) zone pour afficher un menu
- 19. Comment puis-je recharger un panneau de mise à jour du côté client en utilisant javascript?
- 20. WPF - Comment afficher le message de chargement pour le contrôle du navigateur Web
- 21. Comment afficher un message javascript basé sur quel contrôle a tiré AJAX?
- 22. Envoyer un message à l'application .NET à partir de javascript?
- 23. Modifier le pointeur de la souris sur la bordure du composant
- 24. Comment puis-je utiliser la synchronisation javascript pour contrôler les événements d'arrêt de la souris et de déplacement de la souris
- 25. Connexion côté client Javascript, comment authentifier le côté serveur?
- 26. PHPBB3 Comment afficher le titre du dernier message dans l'index
- 27. Comment afficher une alerte JavaScript de PHP?
- 28. Comment utiliser SendGatewayMessage pour envoyer un message à un client Flex?
- 29. Comment accéder au contenu du message dans la fenêtre de composition du message de Thunderbird?
- 30. Comment faire pour afficher la boîte de message popup dans ASP.NET?