html – 悬停时隐藏标题标签

html – 悬停时隐藏标题标签,第1张

概述我已经看过以前的问题而且没有一个真的对我有用,我已经检查了谷歌并且我发现的信息看起来很模糊,所以我想我会在这里试试. 是否有人知道/或已经解决了悬停时显示标题标签的问题.我有一系列链接和图像将分配标题标签,但是,其中一些将显示最好不要在悬停时d出的信息. 我可以使用全局函数将其应用于所有标题标签吗?一个例子如下: <a href="service.php" title="services for 我已经看过以前的问题而且没有一个真的对我有用,我已经检查了谷歌并且我发现的信息看起来很模糊,所以我想我会在这里试试.

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

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

<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 – 悬停时隐藏标题标签全部内容,希望文章能够帮你解决html – 悬停时隐藏标题标签所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1108047.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-29
下一篇 2022-05-29

发表评论

登录后才能评论

评论列表(0条)

保存