鼠标悬停时如何隐藏 URL？答案

【问题标题】：How do they hide URL when mouseover?鼠标悬停时如何隐藏 URL？
【发布时间】：2011-05-14 04:45:28
【问题描述】：

每个人都知道，当mouseover 链接时，好的老派windows.status 不再起作用了。但是，我发现一个站点似乎在清除 URL 链接，而链接始终位于鼠标下方。

更多详情如下： 回答

【问题讨论】：

为什么URL被缩短了？为什么要求状态栏不显示链接的位置？
为什么要更改（即破坏）浏览器的默认功能？
在 Chrome 8 中，该 iframe 下方的网站链接根本不起作用（说明为什么您不应该尝试做这样有趣的事情）
缩短 url 不被索引.. 并且不希望网站所有者看到我们在这里讨论他的网站..
我想知道他们是如何做到的，因为 Windows 状态不再有效，我正在寻找替代方案.. 用于附属链接目的..

【解决方案1】：

在这种情况下，Google AdSense 使用 onclick JavaScript 事件处理程序来重定向用户，而不是链接的 href 属性。这是捕获用户鼠标单击的元素（几个 iframe 深）的（近似）源代码。根据 Firebug 的说法，用户的鼠标点击会转到外部的td element。

<td valign="middle" align="center" onclick="ga(this,event)" onmouseout="cs()" onmouseover="return ss('go to www.Solar-Aid.org','aw0')" onmousedown="st('aw0')" onfocus="ss('go to www.Solar-Aid.org','aw0')" class="ch" id="taw0">
  <div style="overflow: hidden; word-wrap: break-word; width: 116px;">
    <font face="impact, poster bodoni, geneva" style="font-size: 20px;">
      <a style="text-decoration: none;" class="textcolor" onmouseout="cs()" onmouseover="return ss('go to www.Solar-Aid.org','aw0')" onmousedown="st('aw0')" onclick="ha('aw0')" onfocus="ss('go to www.Solar-Aid.org','aw0')" href="http://googleads.g.doubleclick.net/pagead/iclk?sa=l&amp;ai=BBuZpfBTrTMqHJ8zLsQfDsviMDfKumAKzyl3SmZ0CABABGAEgACgEOACCAQZjYS1wdWKIAQGQAfDkArIBDXNvbGFyLWFpZC5vcme6AQoxMjB4NjAwX2FzwAEC2gEZaHR0cDovL3d3dy5Tb2xhci1BaWQub3JnL8gDFw&amp;num=1&amp;adurl=http://www.Solar-Aid.org/&amp;client=ca-pub-0563973986972825&amp;nm=34" target="_top" id="aw0">
        Solar Energy Charity
      </a>
    </font>
    <br><br><br>
    <!-- snip -->
  </div>
</td>

实际的文本链接是无关紧要的；它们比垃圾邮件发送者的鼠标跟随 iframe 的高度更远（它的不透明度设置为 0.1，因此它对用户几乎不可见）。 ga 只是一个使用top.location.href 更改外部窗口 URL 的函数：

function ga(o, e) {
  if(document.getElementById) {
    a = o.id.substring(1);
    // snip
    top.location.href = document.getElementById(a).href;
  }
}

顺便说一句，当您点击该特定广告时，无需担心垃圾邮件发送者会赚钱，因为它是public service ad (PSA)。点击 PSA 不会为发布商赚取任何收入，Google 可以出于多种原因展示 PSA，包括 AdSense 帐户未获批准。

【讨论】：

是的，我认为你是对的。所以总结一下，我们将鼠标悬停在实际的 td 元素而不是文本链接上，但点击它会重定向到链接。如果我想在区域上创建自己的鼠标然后单击转到 javascript 提要链接（假设我通过返回 ahref 链接的文件 external.js 创建链接），你能写一个简单的代码结构来做到这一点吗？甚至参考会很棒。预先感谢一百万。
@jeremy：我不会为你编写代码，尤其是因为它本质上是非常具有欺骗性的。自己做不了就请人来做，不是我觉得是对的。
我理解你。但最初我提出这个例子是因为我认为这是一种替换 windows.status 的新方法。我打算使用的是我博客中的静态广告块。 javascript 是我的附属链接和产品描述。因此，每次访问者访问时，它都会弹出随机产品，但当鼠标悬停时，它不会显示附属链接。不，它不会跟随鼠标..让我知道这是否可行？我必须感谢你 =) ，我想我毕竟不是那么聪明。

【解决方案2】：

也许我不清楚您要做什么（因为示例链接已经消失），但这看起来对吗？

HTML：

<a href="">Link</a>

jQuery:

$("a").click(function() {
location.href="www.yahoo.com";
return false;
});

【讨论】：

感谢您的努力，我喜欢这很容易隐藏网址。但我正在寻找动态（js 旋转链接提要）链接而不是静态链接。有可能吗？
@jeremy，那么问题真的不在于隐藏状态文本。 Jeff 为您提供了隐藏状态文本的通用方法，它适用于任何类型的应用程序，包括切换 url。这可以通过一组 url 轻松实现，并在 setInterval() 中增加索引
是的，box9 说的。我认为您的原始问题已得到解答。在 javascript 中从一组链接中选择一个链接应该相当简单。如果您对 JS 有任何问题，请发布一个关于它的新问题，具体指出您遇到问题的地方。

【解决方案3】：

class="vmenuballon" onclick="javascript:parent.location.href='home'" onmouseover="window.tip='back'"alt="back" title="back" >首页

【讨论】：