Javascript/Onclick - Сделать курсор мыши рукой, когда мышь

Я работаю с кнопкой голосования.

Кнопка была простой ссылкой, но пауки поисковых систем сканировали страницы и запускали ложные голоса. Итак, я изменил его на 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>

Что мне не хватает здесь, чтобы сделать эту перетяжку мыши похожим на руку?

Спасибо заранее, как всегда.

Ответ 1

Итак, я обнаружил работу. Я не совсем этому доволен, но, похоже, это делает работу. В принципе, я просто добавил 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>

Ответ 2

Вы можете сделать это в CSS!

просто добавьте это к элементу, который вы хотите стиль.

cursor:pointer;

Ответ 3

В CSS добавьте это:

#vote_buttons {
    cursor:hand;
}

Это позволит сделать так, чтобы ваш курсор превращался в руку, нависая над кнопкой.

Ответ 4

На самом деле я нашел ответ здесь: Курсор не меняется на указатель в случае Usemap/area

В вашем случае просто добавьте href="javascript:void(0)" к каждому <area>.

Пример: http://jsfiddle.net/yE5bQ/

Ответ 5

Попробуйте это выше головы, это работает в 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>