鼠标悬停时显示链接

时间:2012-12-16 02:13:13

标签: javascript html

我有一些页面区域,点击后会将用户重定向到某些地址。我的问题是,当用户“鼠标移动”这些区域时,他们会看到一个指针,但不知道它链接到哪里。为了我的目的,用户知道他们被链接到哪里是很重要的。我相信当您将鼠标悬停在链接上时,Google会显示“虚假”链接。

我怎样才能做到这一点?没有实际的<a>标签是不可能的?

我目前正在使用location.href="http://www.site.com"重定向{j}数组中存储"site"的用户,并根据鼠标位置进行更改。

编辑:链接应该显示在正常的鼠标悬停链接区域 - 在chrome中这是左下角 - 就像当您将鼠标悬停在普通链接上时,您会看到链接指向的位置。

2 个答案:

答案 0 :(得分:3)

如果不使用<a>标记,我认为这是不可能的,您希望最好的方法是使用title属性来显示工具提示。

e.g。

<div title='www.google.co.uk' style='cursor:pointer'>
 This is my div!
</div>

使用锚链接(就像Google一样),您可以执行以下操作:

<a href="http://www.mwhahaha.com"
   onmouseover="this.href='http://www.test.com';"
   onmouseout="this.href='http://www.mwhahaha.com';"
   onclick="this.href='http://www.mwhahaha.com';">Link</a>​​​​​​​

这将显示一个看起来像是要访问www.test.com的链接,但点击它实际上是访问www.mwhahaha.com,虽然我不确定这是多么合法/好的做法(仅在铬)...

答案 1 :(得分:0)

如果我没记错的话,Google会在href活动期间将链接的mousedown更改为真实网址。在鼠标悬停在链接上时尝试按鼠标按钮,但在释放按钮之前将鼠标光标移离链接。当您再次将鼠标悬停在链接上时,您应该会看到一个新网址。

我正在接听电话,否则我会亲自检查一下。他们现在可能采用不同的方式。