当鼠标悬停时,如何隐藏超链接中的URL?

25 浏览
0 Comments

当鼠标悬停时,如何隐藏超链接中的URL?

当鼠标悬停在超链接上时,如何隐藏URL的显示?\n

超链接

\n当鼠标悬停时,如何隐藏URL在浏览器底部状态栏的显示?

0
0 Comments

URL在鼠标悬停时如何隐藏在超链接中?

问题的出现原因:

这个问题的出现原因是现代浏览器默认禁止修改状态栏。在过去,可以通过在"onmouseover"事件中设置window.status为空字符串来修改状态栏信息,从而达到隐藏URL的效果。但是现在的浏览器(至少包括Firefox)不再支持这种方式,因此无法保证这种方法能够起到任何作用。

解决方法:

目前没有一种通用的解决方法来隐藏超链接中的URL。然而,可以考虑以下替代方案:

1. 使用CSS样式:

可以使用CSS样式来修改超链接的外观,以隐藏URL。例如,可以通过设置文本颜色与背景颜色相同,使URL不可见。具体的CSS代码如下:


2. JavaScript替代方案:

可以使用JavaScript来实现隐藏URL的效果。通过在超链接上添加一个"onmouseover"事件,可以在鼠标悬停时动态修改超链接的显示文本,从而隐藏URL。具体的JavaScript代码如下:

Hover me

以上是目前可用的一些解决方法,但需要注意的是,这些方法并不能保证在所有浏览器中都能正常工作。不同浏览器对于超链接的显示和行为有不同的处理方式,因此实际效果可能因浏览器而异。

0
0 Comments

当鼠标悬停在超链接上时,如何隐藏URL?这个问题的出现原因是为了增强用户体验,避免显示具体的URL地址。下面是解决这个问题的方法。

首先,在超链接中添加一个id属性,如下所示:

Hyperlink

然后使用以下jQuery代码:

$(document).ready(function () {
    setTimeout(function () {
        $('a[href]#no-link').each(function () {
            var href = this.href;
            $(this).removeAttr('href').css('cursor', 'pointer').click(function () {
                if (href.toLowerCase().indexOf("#") >= 0) {
                } else {
                    window.open(href, '_blank');
                }
            });
        });
    }, 500);
});

上面的代码将删除超链接的href属性,并通过添加点击事件来模拟超链接的行为。如果URL中包含"#"字符,则不执行任何操作。否则,将在新窗口中打开URL。

这个链接中可以看到演示效果。

有人问为什么需要使用setTimeout函数,如果去掉它会发生什么。答案是,没有setTimeout函数的话,代码可能会执行得太早,导致效果不符合预期。

还有人对代码中的if条件提出了疑问,但实际上这个条件是为了判断URL中是否包含特殊字符,如果包含则不执行打开新窗口的操作。

另外,有人表示使用这段代码后想要在当前窗口打开链接,可以使用window.open(href, '_self')来实现。但也有人提供了另一种思路,可以参考这个链接

0
0 Comments

当鼠标悬停在超链接上时,如何隐藏URL是一个常见的问题。出现这个问题的原因是在href属性中放置URL或将其保持为href="#",并在onclick事件上附加一个JavaScript函数,该函数将实际的链接放入a元素中。这样,当用户实际点击链接时,你不会看到实际的URL,但链接将被插入。

然而,在Stack Overflow这个网站上,并不存在href属性。你可以尝试这样做,当点击时,JavaScript函数应该添加href属性,并将URL作为值。

下面是一个简单的示例,可以帮助你理解如何实现这个功能:

HTML代码:

点击这里

这个JavaScript函数会在点击链接时,将href属性添加到a元素中,并将URL设置为"http://www.google.com"。你可以根据需要修改ID和URL。

然而,最新版本的Edge浏览器可能会显示类似于"https://originURL/#"的内容,这种方法可能会在某些浏览器中产生不同的效果。在这种情况下,你可能需要进一步研究或尝试其他解决方案。

0