堆叠的图片与悬停和工具提示

时间:2016-03-31 08:04:23

标签: javascript css html5

在通知的github上,有相关人员的头像。悬停时,图片都可以显示。 我想要这个,但我找不到它,我没有第一步这样做。 有人可以帮帮我吗?

1 个答案:

答案 0 :(得分:0)

所以我不会告诉你一些代码,但我告诉你我会做什么:

  • 使用包含display:none
  • 的Style创建工具提示标记
  • 将数据ID添加到tooltip-markup和img
  • appand the marup to the body
  • 计算您将悬停的元素的左侧和顶部位置
  • 将位置添加到工具提示
  • 向img添加一个悬停事件,您在读取data-id时找到具有相同data-id的工具提示并将可见性设置为阻止