链接工具提示是在元素或链接悬停时显示额外信息的好方法。有几种方法可以做到这一点。
使用 CSS 和 jQuery:在 jQuery 中使用 mouseenter 和 mouseleave 事件来执行此操作。
输出:
将鼠标悬停在“悬停在我身上!” ,输出是
Hello world!
使用 jQuery UI:jQuery UI的工具提示小部件有助于自定义工具提示。 tooltip() 方法用于向任何元素添加工具提示。
输出:
仅使用 CSS:工具提示可以使用 CSS 创建,并且可以像任何其他元素一样进行自定义。
Hover over me!
Hello world!
输出: