代码之家  ›  专栏  ›  技术社区  ›  danelig

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

  •  1
  • danelig  · 技术社区  · 10 年前

    在以下站点:

    Link to site with issues

    我在每个缩略图的底部有三个按钮(悬停以查看它们)。这三个按钮打开一个prettyphoto框,该框使用图像下的标题属性(当前在画廊导航按钮旁边隐藏为白色)。

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

    有人知道如何删除链接上的悬停标题工具提示吗?

    1 回复  |  直到 10 年前
        1
  •  1
  •   Peyman Mohamadpour    10 年前

    我想你正在寻求这样的解决方案:

    先放一个类 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;
            }
        }
    }