jQuery の調査を開始しましたが、見た目について質問があります。クリックするとナビゲーションバーが切り替わる画像があります。画像にカーソルを合わせると、テキスト選択カーソルが表示されます。
href
(ハンド ポインターのように見えるもの) の上にカーソルを置いたときと同じように見えるようにするには、どうすればこれを変更できますか?
jQuery の調査を開始しましたが、見た目について質問があります。クリックするとナビゲーションバーが切り替わる画像があります。画像にカーソルを合わせると、テキスト選択カーソルが表示されます。
href
(ハンド ポインターのように見えるもの) の上にカーソルを置いたときと同じように見えるようにするには、どうすればこれを変更できますか?
CSS を使用すると、次のことができます。
img:hover {
cursor: pointer;
cursor: hand; /* If you want to support IE < 6. See http://quirksmode.org/css/user-interface/cursor.html#note */
}
または:
img{
cursor: pointer;
cursor: hand;
}
他の人が言ったように
img {
cursor: pointer;
cursor: hand;
}
ただし、「自分の」手を使いたい場合は、カスタム画像をカーソルとして設定できます。
img {
cursor:url(img/hand-url.cur), default;
}
ID を指定した場合は、次を使用します。
$("#id").css("cursor","pointer")
他の人が投稿した好ましい css ソリューションではなく jquery を使用したい場合は、次のようなものを試してください。
$('#myImage').hover(function() {
$(this).css('cursor','pointer');
}, function() {
$(this).css('cursor','auto');
});
ブラウザによってポインタの名前が異なります:) クロスブラウザ:
img {
cursor: pointer;
cursor: hand;
}