img
白 クリーム 黄色 淡い緑 水色 淡い青紫 淡いグレー グレー 黒 茶 赤 濃いピンク ピンク

カーソルの変更


カーソルを変更する

  ie6 nn7 op8


カーソル名一覧(触れてみて下さい) ie6のみ対応
e-resize w-resize all-scroll
n-resize s-resize col-resize
ne-resize nw-resize row-resize
se-resize sw-resize not-allowed
hand(n7-) help no-drop
wait move vertical-text
text crosshair progress(o7+)
pointer(n7o7+)


カーソル名"hand"はnn7では使えません。"pointer"で指定して下さい。
ie6対応カーソルのうち、"progress"と"pointer"はopera7でも使えます。


■ 指定した文字のカーソルを変更したい場合
例: ここにマウスを乗せてみて下さい
例: <span style="cursor: カーソル名">カーソルを変更したい文字</span>

■ 指定したリンクにのみ適用する場合
例: ここにマウスを乗せてみて下さい
例: <a href="***.html" style="cursor : カーソル名;">リンク</a>

■ ページ全体のカーソルを変更したい場合 (<head></head>内に入れて下さい)



■ ページ全体のリンク部分に適用させたい場合 (<head></head>内に入れて下さい)






カーソルに画像を指定する

  ie6

カーソルに画像を使う事ができます。
<head></head>に入れるとページ全体のマウスカーソルに画像を使うことができます。
マウスポインタの画像は、拡張子が .cur(カーソル)や .ani(アニメーションカーソル)などのカーソル画像である必要があります。
画像作成はフリーのソフトも有りますのでnetで探してみて下さい。
管理人おすすめフリーソフト→ ani めーかー

■ ページ全体のカーソルを変更したい場合 (<head></head>内に入れて下さい)



■ ページ全体のリンク部分に適用させたい場合 (<head></head>内に入れて下さい)


・定義済みのカーソル形状は、pointer や help 等のカーソル名を入れて下さい。
・アニメーションカーソルはIEのみの対応です。

■ 指定した文字のカーソルを変更したい場合
例: ここにマウスを乗せてみて下さい。
例: <span style="cursor: url('***.cur または ***.ani'), 定義済みのカーソル形状;">カーソルを変更したい文字</span>

■ 指定したリンクにのみ適用する場合
例: ここにマウスを乗せてみて下さい
<a href="***.html" style="cursor: url('***.cur または ***.ani'), 定義済みのカーソル形状;">リンク</a>