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

Question

在以下网站上：

Link to site with issues

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

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

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

Answer 1

我认为你正在采取这样的解决方法：

首先在您希望在悬停时删除其工具提示的每个链接上添加一个类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;
        }
    }
}