删除悬停时的标题工具提示，但不在 HTML

Question

在以下站点上：

Link to site with issues

我在每个缩略图的底部都有三个按钮（悬停鼠标可以看到它们）。这三个按钮打开一个漂亮的照片框，该框使用图像下方的标题属性（当前隐藏为白色，位于画廊导航按钮旁边）。

我需要 HMTL 标题属性保留在 HTML 中。当您将鼠标悬停在按钮上时，我只是不需要丑陋的工具提示。

有谁知道如何删除链接上的悬停标题工具提示？

Answer 1

我认为您正在寻找这样的解决方法：

首先在每个 link 上放置一个 class suppress，你希望它的工具提示在悬停时被删除：

<a class="suppress" title="">link text</a>

那么你的代码中可能有这个片段：

var links = document.getElementsByTagName('a');
for (var i = 0; i < links.length; i++) {
    if (links[i].className == 'suppress') {
        links[i]._title = links[i].title;
        links[i].onmouseover = function() { 
            this.title = '';
        }
        links[i].onmouseout = function() { 
            this.title = this._title;
        }
    }
}

删除悬停时的标题工具提示，但不在 HTML

Remove title tooltip on hover but not in HTML

html

css

attributes

attr