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 changing to pointer in Usemap/area case

あなたの場合、を追加するだけですhref="javascript:void(0)"each <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 に答える