【问题标题】:Button Links on hover and on-clicked to be different悬停和单击时的按钮链接不同
【发布时间】:2013-03-01 08:41:48
【问题描述】:

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

谢谢。

【问题讨论】:

    标签: html hyperlink hover


    【解决方案1】:

    你不能在按钮标签上这样做。

    改为使用锚链接并提供一些很棒的 css,因此链接看起来像按钮。如果您会看到查看源代码或在 firebug 中看到,您会看到他们使用锚链接并应用了一些样式,因此它看起来像按钮,这在今天没什么大不了的。

    您需要编写 javascript 来设置跨浏览器的状态栏。

    【讨论】:

      【解决方案2】:

      编辑:在作者澄清他的问题后改变了解决方案。

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

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

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

      【讨论】:

      • 嗨,感谢您努力回答我的问题。您会注意到,当您将鼠标悬停在 polyvore.com/bags/shop?category_id=35 的链接上时,它会显示它是来自 www.farfetch.com 的链接,但当您单击它时,它实际上是指向 click.linksynergy.com/… 的链接。我想知道如何实现这一点,但我不关心链接颜色。
      • 好的,谢谢你的评论,你的问题不是很清楚。我已经改变了答案,希望它是你要找的。​​span>
      • 您好,感谢您再次提供帮助。我复制并粘贴了您在 wordpress 帖子中提供的代码以进行尝试。但是,链接转到 yahoo.com 而不是 google.com
      猜你喜欢
      • 2015-07-30
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2014-01-26
      • 1970-01-01
      • 1970-01-01
      • 2013-10-24
      • 2015-05-24
      相关资源
      最近更新 更多