提示框是一个小小的弹窗,一般用于在鼠标移动到元素上显示,鼠标移到元素外就消失
任何 html 元素只要添加了 属性就可以创建一个提示框
提示框的内容为 HTML 元素的 title 属性值
<a href="#" >="tooltip" title="我只是一个提示框">鼠标移动到我这里显示提示框</a>
提示框需要 JavaScript 脚本支持,我们可以把脚本要写在 jquery 的初始化代码里,然后在指定的元素上调用 tooltip() 方法
$(document).ready(function(){
$('[]').tooltip();
});
默认情况下,提示框显示在元素上方
我们可以使用 >
<a href="#" >="tooltip" >="top" title="我只是一个提示框">鼠标移动到我这里显示提示框</a>
<a href="#" >="tooltip" >="bottom" title="我只是一个提示框">鼠标移动到我这里显示提示框</a>
<a href="#" >="tooltip" >="left" title="我只是一个提示框">鼠标移动到我这里显示提示框</a>
<a href="#" >="tooltip" >="right" title="我只是一个提示框">鼠标移动到我这里显示提示框</a>