堆栈溢出标签-它们如何在鼠标悬停时显示信息？
在将鼠标悬停在每个堆栈溢出标记上时，会在其下方显示一个信息框。只要鼠标在标记或信息框上，它就会继续可见。将鼠标移出标签或信息框会导致信息框消失。
如何使用JQuery或JS实现这一点？请解释从服务器检索标签信息的过程。
更新：
重要的是很难相信这是一个工具提示。因为当标记从其表面丢失鼠标指针时，工具提示通常会消失。但对于Stack Overflow工具提示，即使鼠标移动到信息区域，它们也会保持不变。这就是为什么我提出这个问题来澄清这一点。这种类型的定制是如何完成的？
回答 5
Stack Overflow用户
发布于 2011-04-01 20:24:45
看看jQuery的一些工具提示插件。至于接收用于工具提示的超文本标记语言，只需查看jQuery文档中的一些简单的$.ajax示例。
工具提示
- 30 Stylish jQuery Tooltip Plugins For Catchy Designs
- 10 Excellent ToolTip Plugins with jQuery
Stack Overflow用户
发布于 2011-04-01 20:24:24
没有更多的细节，我只能给你一个关于它是如何工作的大体概念。
mouseover将触发一个AJAX请求(可能在短时间的计时器倒计时之后，以便保持触发，直到指针在标签上停留一小段时间)，该请求向SO数据库查询有问题的标签。如果返回某种类型的响应，可以是直接注入DOM的HTML片段，也可以是用于填充注入DOM的元素的XML或JSON编码的数据块。mouseout事件将从DOM中删除该元素。我可以想象AJAX响应也被管理它的javascript保存在内存缓存中，这样相同的数据就不会被重复请求。
Stack Overflow用户
发布于 2011-03-16 20:20:11
众多jQuery工具提示插件之一：
http://jquery.bassistance.de/tooltip/demo/
此外，我认为可以使用AJAX加载工具提示中的信息，但您不必这样做。
https://stackoverflow.com/questions/5513274
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号