jquery - 选择 jQuery 工具提示插件 - 主要考虑因素？

Question

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

我看到 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>