マウス・ホバー時に表示されるマウス形状を変える
リンクさせた文字や画像では、マウスを重ねると通常「手の人さし指」の形にマウス形状が変化する。ただ、リンクをHTMLで記述出来ない場合(JavaScript使用時など)、リンクにマウスが重なったとき、以下のCSSを適用させることで、マウスの形状を変えることが出来る。例示1 例示2にマウスを合わせて下さい。
サンプル → 例示1 例示2
1 2 3 |
<-- html --> <span style="cursor:help;"> <!-- 例示1:矢印に?付きのヘルプ --> <span style="cursor:zoom-in;"> <!-- 例示2:虫眼鏡付き --> |
マウスカーソルの形状 → 参考になったサイト