给一个弹出提示框的JavaScript代码

要给一个元素添加鼠标悬停时的提示框效果，你可以使用纯JavaScript或者结合jQuery库来实现。这里给出一个简单的纯JavaScript示例[^1]:

// 获取需要添加提示的元素
var elem = document.getElementById('yourElementId');

// 当鼠标悬停在元素上时执行的函数
elem.addEventListener('mouseover', function() {
    // 创建一个新的HTML节点作为提示信息
    var tooltip = document.createElement('div');
    tooltip.className = 'tooltip'; // 假设你有一个名为"tooltip"的样式类

    // 设置提示信息的内容
    tooltip.textContent = '这是提示信息';

    // 将提示信息添加到文档中（通常会隐藏在视口之外）
    tooltip.style.position = 'absolute';
    tooltip.style.top = '-99px';
    tooltip.style.left = '-99px';
    document.body.appendChild(tooltip);

    // 当鼠标移开元素时，清除提示信息
    elem.addEventListener('mouseout', function() {
        tooltip.remove();
    });
});

如果使用jQuery[^2]，可以简化代码如下：

$('#yourElementId').hover(function() {
    // 创建并显示提示框
    $('<div class="tooltip">这是提示信息</div>').appendTo('body');
}, function() {
    // 鼠标移开时隐藏提示框
    $('.tooltip').remove();
});