| ポイント |
<![CDATA[
document.body.style.cursor = "move";
]]>
|
| 説 明 |
マウスポインタ形状は「document.body.style.cursor」で指定します。bodyの代わりにページ上の任意のオブジェクトを指定することもできます。指定できるカーソル形状は次の通りです。
<![CDATA[
auto 自動
crosshair 十字
default 矢印
hand 手
help ?マーク
move 移動
n-resize 上
s-resize 下
w-resize 右
e-resize 左
ne-resize 右上
nw-resize 左上
se-resize 右下
sw-resize 左下
text Iビーム
wait 時計
]]> |
| サンプル |
<![CDATA[
<html>
<head>
<title>マウスポインタ形状を変える</title>
</head>
<body>
<script Language="JavaScript"><!--
document.body.style.cursor = "move";
// --></script>
</body>
</html>
]]>
|
| 補足説明 |
MacとWindowsではカーソルの形状が若干違います。 |
|
■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!
|
マウスポインタ形状を変える