html – 悬停时隐藏标题标签

前端之家收集整理的这篇文章主要介绍了html – 悬停时隐藏标题标签前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我已经看过以前的问题而且没有一个真的对我有用,我已经检查了谷歌并且我发现的信息看起来很模糊,所以我想我会在这里试试.

是否有人知道/或已经解决了悬停时显示标题标签的问题.我有一系列链接和图像将分配标题标签,但是,其中一些将显示最好不要在悬停时弹出的信息.

我可以使用全局函数将其应用于所有标题标签吗?一个例子如下:

<a href="service.PHP" title="services for cars" />

如果可能的话,我想禁用悬停时出现的“汽车服务”标题.

再次感谢.

解决方法

这应该可以正常禁用单个标题
<a href="service.PHP" title="services for cars" onmouSEOver="this.title='';" />

如果您之后需要标题,则可以恢复它:

<a href="service.PHP" title="services for cars" onmouSEOver="this.setAttribute('org_title',this.title'); this.title='';" onmouSEOut="this.title = this.getAttribute('org_title');" />

这种方式不是通用的..要将它应用于所有锚点,有这样的JavaScript代码

window.onload = function() {
    var links = document.getElementsByTagName("a");
    for (var i = 0; i < links.length; i++) {
        var link = links[i];
        link.onmouSEOver = function() {
            this.setAttribute("org_title",this.title);
            this.title = "";
        };
        link.onmouSEOut = function() {
            this.title = this.getAttribute("org_title");
        };
    }
};

Live test case.

编辑:为更多标签应用相同的内容(例如< img>)首先将代码的核心移动到一个函数

function DisableToolTip(elements) {
    for (var i = 0; i < elements.length; i++) {
        var element = elements[i];
        element.onmouSEOver = function() {
            this.setAttribute("org_title",this.title);
            this.title = "";
        };
        element.onmouSEOut = function() {
            this.title = this.getAttribute("org_title");
        };
    }
}

然后将代码更改为:

window.onload = function() {
    var links = document.getElementsByTagName("a");
    DisableToolTip(links);
    var images = document.getElementsByTagName("img");
    DisableToolTip(images);
};

猜你在找的HTML相关文章