回答:
あなたが仮定しdiv
ているid="myDiv"
、あなたのCSSに以下を追加します。cursor: pointer
カーソルがアンカー(ハイパーリンク)のために使用されているのと同じ手のアイコンでなければならないことを指定します。
追加するCSS
#myDiv
{
cursor: pointer;
}
次のように、カーソルスタイルをdiv
のHTMLに追加するだけです。
<div style="cursor: pointer">
</div>
編集:
これにjQueryを使用する場合は、$(document).ready()
orまたはbodyに次の行を追加しますonload
(myClass
すべてのdiv
sが共有するクラスに置き換えます)。
$('.myClass').css('cursor', 'pointer');
style="cursor: pointer"
あなたdiv
のHTMLに追加することだけです。例を挙げて回答を編集します。
CSSの代わりにjQueryでこれを行う場合は、基本的に同じプロセスに従います。
いくつかあると仮定すると<div id="target"></div>
、次のコードを使用できます:
$("#target").hover(function() {
$(this).css('cursor','pointer');
}, function() {
$(this).css('cursor','auto');
});
それでうまくいくはずです。
div
あるだけマウスが上にあるときに見えます。カーソルはその時点では表示されないため、ユーザーがカーソルを合わせた後で削除する必要はありません。
:hover
上記の回答に欠けていたと思います。したがって、以下は必要なことを行います。(cssが必要な場合)
#myDiv:hover
{
cursor: pointer;
}