首先让我们谈谈位置。 您可以在不同的方向（顶部，左侧，底部，右侧）有一个工具提示。

其次，你知道颜色是一个重要因素。 您还可以具有不同颜色的工具提示，如成功，信息，警告和危险。

最后其他功能（软边，半箭头，可移动效果，淡入淡出效果，多线工具提示）。 您可以一起使用这些项目，也可以单独使用。

使用

<link rel="stylesheet" type="text/css" href="simptip-mini.css" />

or

<link rel="stylesheet" type="text/css" href="simptip.css" />

然后你可以这样做：

<span class="simptip-position-top" data-tooltip="Tooltip's content"> Text </span>

在data-tooltip属性中看到的是工具提示的文本内容，类属性的值是tooltop的位置。

你可以使用.simptip-position-right、.simptip-position-bottom和.simptip-position-left类别。

您还可以通过添加以下类来使用Simptip的更多功能：

• .half-arrow : change tooltip's arrow to half arrow

• .simptip-smooth : makes soft edge for tooltip

• .simptip-fade : fades effect for show/hide

• .simptip-movable : shows movable effect

• .simptip-multiline : makes multiline body for tooltip

• .simptip-success : changes color to green spectrum

• .simptip-info : changes color to blue spectrum

• .simptip-warning : changes color to orange spectrum

• .simptip-danger : changes color to red spectrum