T
op
S
CRIPTS
AUTO
M
OBILES
D
OWNLOADS
L
INK
B
BS
A
BOUT
F
EEDBACK
独自のカーソルを使う
説明
IE6以上を使っている人はすでにお気づきだと思いますが、うちのサイトでは通常と違ったカーソルが使われています。 これはCSS2で拡張されたcursorプロパティを使うとできますが、何度か質問されたのでここにやり方を載っけておきます。
ソースコード
HEADに記述
body{ cursor:url(/cursor1.ani); } a{ /* リンクにマウスをあわせたらカーソルを変更 */ cursor:url(/cursor2.ani); }
解説・備考
現在のところIE6以上でのみ有効
cursor:url(cur.ani),wait; とした場合、cur.ani を取得できなかった場合は wait を使わなければならないのですが、対応しているのはIE6のみ
IEではURL(URI)はCSSからのパスではなくHTMLからのパスを指定しないと適用されない(バグ?)。絶対パスを使うことを奨励。
IEで使える形式は .ani、.cur。
サーバーのMime-Typeを設定することが必要。それぞれ application/x-navi-animation、image/x-cur。
- [BACK] -
|
AUTO
M
OBILES
|
D
OWNLOADS
|
L
INK
|
B
BS
|
A
BOUT
|
F
EEDBACK
Copyright © 1999-2005 By よーすけ
mailto:<
web@@@write-off.cside.com
>