| 解 説 |
マウスポインタ形状を変えるにはスタイルシートのcursorに表示したい形状を設定します。形状はWindowsとMacintoshで異なりますが、以下のものが指定できます。
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>
<script language="JavaScript">
<!--
function setCSR(mType){
document.body.style.cursor = mType;
}
// -->
</script>
</head>
<body>
マウスポインタ形状を変える<br>
<a href="javascript:setCSR('hand')">手</a><br>
<a href="javascript:setCSR('move')">移動</a><br>
<a href="javascript:setCSR('wait')">時計</a><br>
</body>
</html>
]]>
|
|
■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View! |
マウスポインタ形状を変える