Html 悬停和单击的按钮链接不同

Html 悬停和单击的按钮链接不同,html,hyperlink,hover,Html,Hyperlink,Hover,如何创建一个按钮,在鼠标悬停时显示与单击按钮时的url不同的url(在浏览器状态栏)。例如,请参阅 谢谢 您不能在按钮标签上执行此操作 取而代之的是使用锚链接,并提供一些很棒的css,这样链接看起来就像按钮。若你们在firebug中看到查看源代码,你们会看到他们使用锚链接并应用了一些样式,所以看起来像按钮,这在今天并不是什么大问题 或 您需要编写javascript,使您能够跨浏览器设置状态栏。编辑:在作者澄清问题后,解决方案已更改 此链接将在鼠标悬停时显示“yahoo.com”,但单击时将打开

如何创建一个按钮,在鼠标悬停时显示与单击按钮时的url不同的url(在浏览器状态栏)。例如,请参阅


谢谢

您不能在按钮标签上执行此操作

取而代之的是使用锚链接,并提供一些很棒的css,这样链接看起来就像按钮。若你们在firebug中看到查看源代码,你们会看到他们使用锚链接并应用了一些样式,所以看起来像按钮,这在今天并不是什么大问题


您需要编写javascript,使您能够跨浏览器设置状态栏。

编辑:在作者澄清问题后,解决方案已更改

此链接将在鼠标悬停时显示“yahoo.com”,但单击时将打开“google.com”

<a href="http://yahoo.com" onclick="window.location.href='http://google.com'; return false;">Link</a>


关键是要从“onclick”回调中返回false-这会阻止浏览器进一步处理事件。

hi,感谢您努力回答我的问题。您会注意到,当您将鼠标悬停在的链接上时,它将显示它是来自www.farfetch.com的链接,但当您单击它时,它实际上是指向的链接。我想知道如何做到这一点,但我不关心链接的颜色。好的,谢谢你的评论,你的问题不是很清楚。我已经改变了答案,希望这是你想要的。嗨,谢谢你再次努力帮助我。我复制并粘贴了您在wordpress帖子上提供的代码以进行尝试。然而,该链接指向的是yahoo.com而不是google.com