如何在 jQuery 中使用工具提示？

Answer 1

JQueryTools 包含一个工具提示模块，它将消除您的大部分代码。

http://jquerytools.org/demos/tooltip/index.html

也可以完全不使用 JavaScript，使用 HTML 和 CSS 创建工具提示：

<div class="has-tooltip">
  <button class="huge red">You Know You Wanna...</button>
  <div class="tooltip">Do NOT Press This Button.</div>
</div>

在 CSS 中：

.has-tooltip .tooltip {
  position: absolute;
  display: none;

  <style code to position (with margin-left and margin-top)
   and make the tooltip box look how you want>

}

.has-tooltip:hover .tooltip {
   display: block;
 }

Google“CSS Tooltips”查看大量示例。