在HTML中，我们可以通过使用title属性来设置提示信息，这个提示信息通常在鼠标悬停在元素上时显示，以下是一个简单的示例：
（图片来源网络，侵删）
在这个示例中，我们创建了一个名为tooltip的div元素，其中包含一个名为tooltiptext的子元素，我们为这两个元素设置了样式，以便在鼠标悬停时显示提示信息，我们还使用了CSS的visibility和opacity属性来实现淡入淡出效果。
要设置提示信息，只需将文本放在tooltiptext元素中即可，在上面的示例中，我们将“这是一个提示信息！”作为提示信息，当用户将鼠标悬停在div元素上时，他们将看到这个提示信息。
您还可以通过JavaScript或jQuery来自定义提示信息的显示方式，您可以更改提示信息的样式、位置或动画效果，以下是一个使用jQuery的示例：
<div class="tooltip">悬停在这里查看提示信息</div> <script src="https://code.jquery.com/jquery3.6.0.min.js"></script> <script> $(document).ready(function(){ $(".tooltip").hover(function(){ $(this).append("<span class=tooltiptext>这是一个自定义提示信息！</span>"); }, function(){ $(".tooltiptext").remove(); // 移除提示信息元素，实现鼠标离开后提示信息消失的效果 }); }); </script>在这个示例中，我们使用jQuery的hover()方法为.tooltip元素添加了两个事件处理程序：一个用于鼠标悬停（mouseenter），另一个用于鼠标离开（mouseleave），当鼠标悬停在元素上时，我们在其内部添加了一个带有自定义提示信息的span元素，当鼠标离开元素时，我们删除了这个span元素，从而实现了鼠标离开后提示信息消失的效果。
