Javascript 创造;“悬停牌”;

Javascript 创造;“悬停牌”;,javascript,onmouseover,Javascript,Onmouseover,我想创建一个类似于Facebook自己的hovercards的功能,将鼠标悬停在某个句子上,它会在包含一些信息的文本上方弹出一个小窗口 我想知道是否有人能在这里为我指出正确的方向来创造类似的东西 Facebook Hovercard: 一种解决方案是按原样创建这些卡(如果它们是静态的)。只需在第一步让它们可见,然后设计它们 第二步是将显示为:none 稍后,如果将鼠标悬停在某些文本上,则调用JS函数,该函数将CSS更改为display:block 如果您不需要动态数据或内容,这只是最简单的解决方

我想创建一个类似于Facebook自己的hovercards的功能,将鼠标悬停在某个句子上,它会在包含一些信息的文本上方弹出一个小窗口

我想知道是否有人能在这里为我指出正确的方向来创造类似的东西

Facebook Hovercard:


一种解决方案是按原样创建这些卡(如果它们是静态的)。只需在第一步让它们可见,然后设计它们

第二步是将
显示为:none

稍后,如果将鼠标悬停在某些文本上,则调用JS函数,该函数将CSS更改为
display:block

如果您不需要动态数据或内容,这只是最简单的解决方案。从那以后,你可以开始考虑让它更先进

  • 将卡片的样式设置为始终可见
  • 使用显示隐藏它们:无
  • 将鼠标悬停在文本/链接上并将CSS更改为display:block时调用JavaScript函数
  • 查看qTip2。以下是他们演示页面的链接:


    就像工具提示一样;我不使用jQuery UI,所以我不知道。:)不过我会看看。我提到它是因为工具提示是这种类型的UI元素的标准术语,所以会更容易搜索。你使用的是任何框架(jquery、angularjs)还是纯JS?谢谢,我会搞砸的!是的,信息是静态的。