2023-08-28T15:57:18.png

    <html>
    
    <head>
  
    </head>
    
    <body>
<a href="#" onmouseover="showContent(this)" onmouseout="hideContent()">这是一个链接</a>
        <div id="tooltip" class="tooltip-container">
            <div class="tooltip-content" style="display: none;">这是一个链接</div>
        </div>
    
        <style>
            .tooltip-container {
              position: relative;
              display: inline-block;
            }
            
            .tooltip-content {
              position: absolute;
              background-color: #fff;
              border: 1px solid #000;
              padding: 10px;
              font-family: Arial, sans-serif;
              font-size: 14px;
              width: 200px;
              display: none;
            }
            
        </style>
    
        <script>
            function showContent(element) {
              var content = element.innerText;
              var tooltip = document.querySelector(".tooltip-content");
              tooltip.innerHTML = content;
              tooltip.style.display = "block";
            }
            
            function hideContent() {
              var tooltip = document.querySelector(".tooltip-content");
              tooltip.style.display = "none";
            }
            
        </script>
    </body>
    <div id="transmart-crx-shadow-root" style="all: initial;"></div>
    
    </html>