📜  如何使用 CSS3 和 jQuery 创建链接工具提示?

📅  最后修改于: 2021-08-30 13:07:38             🧑  作者: Mango

链接工具提示是在元素或链接悬停时显示额外信息的好方法。有几种方法可以做到这一点。

使用 CSS 和 jQuery:在 jQuery 中使用 mouseenter 和 mouseleave 事件来执行此操作。



  

    
  

  

    
        Hover over me!
    
  
    

  

输出:

将鼠标悬停在“悬停在我身上!” ,输出是

Hello world!

使用 jQuery UI:jQuery UI的工具提示小部件有助于自定义工具提示。 tooltip() 方法用于向任何元素添加工具提示。



  

  
    
    
  
    
  
    
  
    

  

    
        Hover Over me!
    
  
    

  

输出:

仅使用 CSS:工具提示可以使用 CSS 创建,并且可以像任何其他元素一样进行自定义。



  

    

  

    
Hover over me!                      Hello world!              
  

输出: