PHP & JavaScript Room :: 設置サンプル

実行結果

auto - ブラウザが設定したカーソル

default - デフォルトのカーソル(矢印)

url - オリジナルアイコン ※URLで指定したカーソルが使用できない場合はauto(ブラウザが設定したカーソル)を適用。

crosshair - 十字カーソル

pointer - リンクカーソル

move - 移動カーソル

e-resize - 東方向リサイズカーソル

ne-resize - 北東方向リサイズカーソル

nw-resize - 西北方向リサイズカーソル

n-resize - 北方向リサイズカーソル

se-resize - 南東方向リサイズカーソル

sw-resize - 南西方向リサイズカーソル

s-resize - 西方向リサイズカーソル

w-resize - 南方向リサイズカーソル

text - テキスト編集カーソル

wait - 待機中カーソル

help - ヘルプカーソル

ソース

<p style="cursor:auto;">auto - ブラウザが設定したカーソル</p>
<p style="cursor:default;">default - デフォルトのカーソル(矢印)</p>
<p style="cursor:url(/content/img/cur/custom.cur),auto;">url - オリジナルアイコン ※URLで指定したカーソルが使用できない場合はauto(ブラウザが設定したカーソル)を適用。</p>
<p style="cursor:crosshair;">crosshair - 十字カーソル</p>
<p style="cursor:pointer;">pointer - リンクカーソル</p>
<p style="cursor:move;">move - 移動カーソル</p>
<p style="cursor:e-resize;">e-resize - 東方向リサイズカーソル</p>
<p style="cursor:ne-resize;">ne-resize - 北東方向リサイズカーソル</p>
<p style="cursor:nw-resize;">nw-resize - 西北方向リサイズカーソル</p>
<p style="cursor:n-resize;">n-resize - 北方向リサイズカーソル</p>
<p style="cursor:se-resize;">se-resize - 南東方向リサイズカーソル</p>
<p style="cursor:sw-resize;">sw-resize - 南西方向リサイズカーソル</p>
<p style="cursor:s-resize;">s-resize - 西方向リサイズカーソル</p>
<p style="cursor:w-resize;">w-resize - 南方向リサイズカーソル</p>
<p style="cursor:text;">text - テキスト編集カーソル</p>
<p style="cursor:wait;">wait - 待機中カーソル</p>
<p style="cursor:help;">help - ヘルプカーソル</p>

polarized women