..



 ■HomeHomePageTips−マウスカーソルの形を変える

+1JavaScript 無料のフリースクリプト集...

マウスカーソルの形を変える

 画像やある一定の範囲でマウスカーソルの形を変えます。



 ちょい技の方法
マウスカーソルの形を変える

 マウスカーソルの形を変えるにはスタイルシートの「cursor」プロパティを指定します。

★ページ全体でカーソルの形を変える場合

<body ・・・ style="cursor:設定値">


★リンク部分だけカーソルの形を変える場合

<a href="・・・" style="cursor:設定値"> ・・・ </a>


★一定の範囲だけカーソルの形を変える場合

<div style
="cursor:設定値">
(ここは文章でもテーブルでも何でもOKです。)
</div>



◇ 設定値 ◇
設定値
カーソルの形状
auto
重なった部分に応じて自動的に変更する(デフォルト値)
default
デフォルトのカーソル形状
crosshair
十字のカーソル形状
pointer
指先のカーソル形状
text
テキスト用のカーソル形状
move
十字矢印のカーソル形状
wait
砂時計のカーソル形状
help
デフォルト+「?」のカーソル形状
n-resize
上下の矢印、または上向きの矢印
s-resize
上下の矢印、または下向きの矢印
w-resize
左右の矢印、または右向きの矢印
e-resize
左右の矢印、または左向きの矢印
nw-resize
斜めの矢印、または左上向きの矢印
ne-resize
斜めの矢印、または右上向きの矢印
sw-resize
斜めの矢印、または左下向きの矢印
se-resize
斜めの矢印、または右下向きの矢印
(設定値にマウスカーソルを重ねると形状を変えることができます)



..


..