按钮链接在悬停和点击上是不同的

时间:2013-03-01 08:41:48

标签: html hyperlink hover

如何在鼠标悬停时创建一个显示网址(在浏览器状态栏上)的按钮,该按钮与点击按钮时的网址不同。例如,请参阅http://www.polyvore.com/bags/shop?category_id=35

感谢。

2 个答案:

答案 0 :(得分:0)

您无法在按钮标记上执行此操作。

而是使用锚链接并给出了一些很棒的CSS,所以链接看起来像按钮。如果您将看到视图源或在firebug中看到,您将看到他们使用锚链接并应用了一些样式,因此它看起来像按钮,这在今天并不是什么大不了的事。

您需要编写javascript,以便在浏览器中设置状态栏。

答案 1 :(得分:0)

修改:解决方案在作者澄清了他的问题后发生了变化。

此链接会在悬停时显示“yahoo.com”,但点击后会打开“google.com”。

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

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