堆栈溢出标签-它们如何在鼠标悬停时显示信息? [英] Stack Overflow tags - How do they display info on mouse over?
问题描述
将鼠标悬停在每个Stack Overflow标签上时，其下方都会显示一个信息框.只要鼠标悬停在标签上方或信息框上方，它就会继续可见.将鼠标移出标签或信息框会导致信息框消失.
At the event of mouse over each Stack Overflow tag displays an information box beneath itself. As long as the mouse is over the tag or over the info box, it continues to be visible. Moving the mouse out of either the tag or the info box causes the info box to disappear.
如何使用JQuery或JS实现此目的?请说明从服务器检索标签信息的过程.
How can I achieve this using JQuery or JS? Please explain the process of retrieving the tag info from the server as well.
更新:
重要的是，很难相信它是一个工具提示.因为当标签从其表面失去鼠标指针时，工具提示通常会消失.但是，对于堆栈溢出"工具提示，即使将鼠标移到信息区域上，它们也将保持静止.这就是为什么我提出这个问题来对此进行澄清.这种类型的定制如何完成?
The important thing is it's hard to believe that it is a tooltip. Because a tooltip will typically vanish when the tag loses the mouse pointer from its surface. But as for the Stack Overflow tooltips they stay still even if the mouse is moved over the information area. That's why I raised this question to clarify about this. How is this type of customization done?
推荐答案
查看一些jQuery的工具提示插件.至于工具提示的HTML接收，只需看一下jQuery文档中的一些简单的$.ajax示例.
Look at some tooltip plugins for jQuery. As for the receiving of the HTML for the tooltip, just look at some simple $.ajax examples in the jQuery documentation.
工具提示
- 30 Stylish jQuery Tooltip Plugins For Catchy Designs
- 10 Excellent ToolTip Plugins with jQuery
这篇关于堆栈溢出标签-它们如何在鼠标悬停时显示信息?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
