|
 |
|
マウスカーソルの変更
サンプルと機能
マウスカーソルの形を変更します。
→ Sample：マウスカーソルの変更（文字の上にカーソルを置いて下さい）
"crosshair"です
"hand"です
"move"です
"text"です
"wait"です
"help"です
"default"です
"auto"です
"n-resize"です
"s-resize"です
"w-resize"です
"e-resize"です
"nw-resize"です
"ne-resize"です
"sw-resize"です
"se-resize"です |
BODYタグに指定すると、全体のマウスカーソルを変更することができます。
サンプル・ソース
緑の文字が変更箇所で、赤い文字が対応するソースです。
"/* */"内はコメントです。削除しても影響ありません。
必要な箇所をコピー＆貼り付けして編集してください。
→ Sample：画面全体に適用する場合
<HTML>
<HEAD>
<TITLE></TITLE>
<STYLE type="text/css">
<!--
BODY { cursor: crosshair } /* サンプルを見て好きなカーソルに変更してください */
-->
</STYLE>
</HEAD>
<BODY>
</BODY>
</HTML> |
→ Sample：一部分に適用する場合（例：リンク：サンプル）
| <A href="#" style="cursor: move">サンプル</A> |
解説・注意点など
参考
・スタイルシートサンプル
・JavaScript版
← Webデザインテクニックに戻る
|
|
|
