Home » ネット関連のネタ » マウスポインタを変更する

対象:CSS

Webページを見ているときにマウスポインタの形状は、通常左ななめ上方向の矢印形で、リンクの上にポインタを移動すると指の形に変化します。

ところがときどき他の形状になるWebページがあって、どうやったら形状を変更できるのか?というご質問をいただくことがあります。

[スポンサードリンク]

正直言えば、ポインタの形状を不必要に変更しているWebページって、非常に不愉快に感じます、私は。

ですからあまりお教えするのも気が進まないのですが、どういうわけかWebページを作ることを面白いと感じ始めた何割かの方が、こういうことに興味を示し、自分でやってみたくなるようです。

Webページ作成初心者が、アニメーションGIFをやたら使いたがる、音を鳴らしたがるのと同様のハシカのようなものでしょうか。

以下のようなスタイル指定をしてやれば、マウスポインタの形状を変更することができます。

なお、IE6(Internet Explorer)ならマウスポインタの形状が変化することをご確認いただけるはずですが、その他のブラウザでは変更されないものもあるはずです。

style="cursor:auto;"
style="cursor:crosshair;"
style="cursor:default;"
style="cursor:hand;"
style="cursor:help;"
style="cursor:move;"
style="cursor:text;"
style="cursor:wait;"
style="cursor:e-resize;"
style="cursor:se-resize;"
style="cursor:s-resize;"
style="cursor:sw-resize;"
style="cursor:w-resize;"
style="cursor:nw-resize;"
style="cursor:n-resize;"
style="cursor:ne-resize;"
style="cursor:all-scroll;"
style="cursor:col-resizze;"
style="cursor:row-resize;"
style="cursor:progress;"
style="cursor:not-allowed;"
style="cursor:no-drop;"
style="cursor:vertical-text;"

[スポンサードリンク]

Home » ネット関連のネタ » マウスポインタを変更する

「ネット関連のネタ」の記事一覧

検索


Copyright © インストラクターのネタ帳 All Rights Reserved.
.