21

我正在使用投票按钮。

该按钮是一个简单的链接，但搜索引擎蜘蛛正在抓取页面并触发虚假投票。因此，我将其更改为 onclick 以使其停止。

但是，在这样做之后，按钮仍然可以正常工作，但鼠标光标不再具有“手”指针。当您将鼠标悬停时，它仍然是箭头指针，因此很难判断它是一个实际运行的链接。

为了尝试解决这个问题，我添加了一个 style="cursor:default;"，我还尝试了 style="cursor:crosshair;" 尝试更改光标行为，但它不起作用。光标始终是指针。

这是我的代码：

<map id="vote_buttons" name="vote_buttons">
     <area shape="rect" alt="" coords="5,3,78,43" onClick="window.location='http://www.site.com/page.php?vote=Y'" style="cursor:default;" title="" />
     <area shape="rect" alt="" coords="83,3,160,44" onClick="window.location='http://www.site.com/page.php?vote=N'" style="cursor:pointer;" title="" />
     <area shape="default" nohref="nohref" alt="" />
</map>

我在这里缺少什么让鼠标悬停看起来像一只手？

一如既往地提前感谢。

4

5 回答 5

41

你可以在css中做到这一点！

只需将此添加到您想要样式的元素中。

cursor:pointer;
于 2013-02-28T23:43:09.890 回答
9

实际上我在这里找到了答案：Cursor not changed to pointer in Usemap/area case

在您的情况下，只需href="javascript:void(0)"将<area>.

示例：http: //jsfiddle.net/yE5bQ/

于 2013-02-28T23:49:01.107 回答
8

在你的 CSS 中放这个：

#vote_buttons {
    cursor:hand;
}

这将使您的光标在悬停在按钮上时变成一只手。

于 2013-09-27T10:23:03.657 回答
-2

所以我发现了一个解决方法。我对此并不完全满意，但它似乎正在完成这项工作。基本上，我只是在标签中添加了一个 href="#"。这使得手出现，并且大多数时候点击都像它应该的那样工作。

<map id="vote_buttons" name="vote_buttons">
     <area href="#" shape="rect" alt="" coords="5,3,78,43" onClick="window.location='http://www.site.com/page.php?vote=Y'" style="cursor:default;" title="" />
     <area href="#"  shape="rect" alt="" coords="83,3,160,44" onClick="window.location='http://www.site.com/page.php?vote=N'" style="cursor:pointer;" title="" />
</map>
于 2013-03-06T00:13:28.173 回答
-3

试试这个，它适用于IE和HTA，技巧是包含URL ...

<!-- put the following code inside your [body] button or anchor -->

<!-- onmousedown="mouseDown1()" onmouseup="mouseOut1()" -->

<script type="text/javascript">

function mouseDown1() {
document.body.style.cursor = 'url(anim2.cur)';
}

function mouseOut1() {
document.body.style.cursor = 'url(anim1.cur)';
}

function calc() {
var dummy = 0;

for (var i=0; i<100000;i++) {
     for (var z=0; i<100000;i++) {
          dummy = dummy + z + i;
     }
}

cursor_clear();
}

</script>
于 2013-06-19T21:03:24.633 回答