point カーソルを好きな画像で指定する

cursor:

指定できる値
URL
画像ファイルのアドレス

カーソルを好きな画像にすることも出来ます。cursorプロパティの値にまずurlの文字を記入し、その後ろのカッコ内にカーソルの画像ファイルのURLを相対パス(gazou/neko.cur)か絶対パス(http://〜/neko.cur)で指定します。

注意点として、カーソルに使う画像は拡張子がcurやaniなどのファイル形式で作られたものでなければいけません。

これらのファイル形式の画像は、カーソル作成ソフトを使って作ります。お薦めのソフトは、NEURON FACTORYさんで配布されているANIメーカー(フリーソフト)です。

自分で作るのがめんどくさい場合は、カーソルを配布されてるサイトさんにいってダウンロードしたものを使うとよいでしょう。このページで表示されているカーソルは、ぴ〜はうすさんで配布されているものです。

それと、好きな画像のカーソルが表示されるのはInternet Explorer6.0以降です。それ以前のInternet ExplorerやNetscapeではこの指定は無視されてしまいます。

サンプル - Microsoft Internet Explorer
みちゃダメ!!

HTML&CSS
<html>
<head>
<title>サンプル</title>
<style type="text/css">
<!--
body   { cursor:url(neko_body.ani) ; }
a      { cursor:url(neko_link.ani);     }
.text1{ cursor:url(neko_text.ani);      }
-->
</style>
</head>
<body>
<span style="cursor:url(neko4.Ani);">
みちゃダメ!!</span>
<form>
<input type="text" size="25" class="text1">
</form>
<a href="http://〜〜〜">
<img src="Phouse4.gif" border="0"></a>
</body>
</html>
 

スポンサード・リンク