Question

如果我需要一个允许我最基本使用的工具提示插件（带有一个指向悬停元素的小“三角形”的简单弹出框），我应该采取哪些关键考虑因素？

我看到Qtip2应该支持IE6 +，而Jquery UI支持IE8 +，所以这是我猜的一个考虑因素，但还有什么？

我看到this comparison，作者谈到设置标题“从代码”到“静态”。我不确定我理解这种差异会导致的术语和实际后果吗？

此外，比较中提到的4种工具中的任何一种都特别轻或重吗？我应该只使用我需要的最少代码，如果从我自己的服务器上运行，或者在创建者的CDN上使用完整代码？

Answer 1

尝试使用css :hover，:after

div:hover:after {
  content: attr(data-tooltip);
  box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
  background: blue;
  color: gold;
  left: 60px;
  padding:4px;
  position: absolute;
}

div:hover #triangle-left {
  display:block;
}

#triangle-left {
  top: 15px;
  left:50px;
  position:absolute;
  display:none;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-right: 10px solid blue;
  border-bottom: 5px solid transparent;
}

<div data-tooltip="abc"><span>hover</span><span id="triangle-left"></span></div>

选择jQuery Tooltip插件 - 主要考虑因素？

1 个答案: