Question

我正在使用投票按钮。

按钮是一个简单的链接，但搜索引擎蜘蛛正在抓取页面并触发错误投票。所以，我把它改成了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>

我在这里错过了什么让鼠标看起来像一只手？

一如既往地感谢您。

Answer 1

你可以用css做到这一点！

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

cursor:pointer;

Answer 2

在CSS中输入：

#vote_buttons {
    cursor:hand;
}

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

Answer 3

其实我在这里找到答案：Cursor not changing to pointer in Usemap/area case

在您的情况下，只需将href="javascript:void(0)"添加到每个<area>。

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

Answer 4

所以我发现了一个解决方法。我对它并不完全满意，但它似乎在做这项工作。基本上，我只是在标签上添加了一个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>

Answer 5

尝试上面这个/ head，它适用于IE和HTA，诀窍是包含URL ...

put following 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>

Javascript / Onclick - 鼠标光标移动时鼠标光标

5 个答案: