オンマウスでポインタの形をかえる
表示の例
テキストボックスやボタンなどのフォームにのせた時に、マウスポインタの形をかえます。
上のボタンのソースは下のようになります。
表示させたい場所のHTMLソースに貼り付けましょう。
(必ず一度メモ帳などに貼り付けてから、あなたのページのHTMLソースに貼り付けてください)
ソース
<FORM><INPUT type="button" value="ボタン" onClick="alert('フォームにのせた時に、マウスポインタの形がかわります!')" style="border-style:solid; border-width:1px; border-color:#3366FF; background:#FFFFFF; font-size:10pt; color:#3366FF; cursor:hand"></FORM>
下の表を見てあなたのお好みにかえてみましょう。
ボタンの外枠の太さ border-width:1px; の 1
ボタンの外枠の色 border-color:#3366FF; の #3366FF
ボタンの背景の色 background:#FFFFFF; の #FFFFFF
ボタンの文字の大きさ font-size:10pt; の 10
ボタンの文字の色 color:#3366FF の #3366FF
マウスポインタの形 cursor:hand の hand
マウスポインタの形は、下の表を参考にあなたの好きな形にかえてみてください。
文字にマウスポインタをのせるとその形にかわります
e-resize se-resize s-resize sw-resize w-resize nw-resize n-resize
ne-resize help move wait text crosshair hand
ホームページお役立ち小技集のTOPへ