マウスカーソル（ポインター）を自在に変える


IE6になって種類が増えました。

↓それぞれにマウスポインターを当ててみてください。

ハンド move 砂時計 ヘルプ 十字

下記が追加ぶんです。
no-drop all-scroll col-resize not-allowed vertical-text
サンプル
<SPAN style="cursor:hand">ハンド</SPAN>
<SPAN style="cursor:move">move</SPAN>
<SPAN style="cursor:wait">砂時計</SPAN>
<SPAN style="cursor:crosshair">十字</SPAN>
<SPAN style="cursor:help">ヘルプ</SPAN>
追加分
<SPAN style="cursor:no-drop">no-drop</SPAN>
<SPAN style="cursor:all-scroll">all-scroll</SPAN>
<SPAN style="cursor:col-resize">col-resize</SPAN>
<SPAN style="cursor:not-allowed">not-allowed</SPAN>
<SPAN style="cursor:vertical-text">vertical-text</SPAN>
最近よく見かけますね。でも、これだけです。
ページ全体に同じ効果を出したければ
<BODY style="cursor : crosshair;">としてください。このサンプルでは十字にしています。
後は拡張子が、『.cur 』『.ani』で作成したカーソルも指定出来ます。
<SPAN style="cursor:url('xxxxx.cur')">url('xxxxx.cur')</SPAN>
というようにURLを指定してください。




b-click

サンプルを利用したら、http://www.act2cool.com/html/へリンクしていただければ嬉しいです。
バナーはこちらにあります。
検索サイトから直接このページに来られた方はこちらがトップです。