WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:ポインター

みかん[MAIL][URL][WriteDate : Thu Sep 28 04:51:23 2000]

初めまして!

最近よくHPで見かける
ポインターが+になったり変な矢印になったりする
仕組みを知りたいです
どなたか教えてやってくださいませ(>_<)

ちゃいぱ[MAIL][URL][WriteDate :Thu Sep 28 09:14:02 2000]

たぶん、スタイルシートで簡単に出来るような気がします。
ちょっと、調べてみます...。

カヅサツ[MAIL][URL][WriteDate :Thu Sep 28 09:50:55 2000]


> たぶん、スタイルシートで簡単に出来るような気がします。 

cursor プロパティを使います。

http://www.nets.ne.jp/%7Eokahashi/rec-css2/ui.html#propdef-cursor

例えば
strong{
cursor: crosshair;
}
で、strong 要素の上に置かれたマウスカーソルが十字になります
(対応していれば)。

MSIE では <uri> に対応していないばかりか、
処理できなかった場合のキーワードすら無効になります。

例えば
strong{
cursor: url(./xxx.cur) crosshair;
}
では、 ホントはカーソルが xxx.cur の画像になり、
もし読み込めなかったとしても十字になるはずなのですが、
MSIE ではどちらのカーソルにもなってくれません。


ちゃいぱ[MAIL][URL][WriteDate :Thu Sep 28 10:14:40 2000]

カヅサツさん、ありがとうございます。
トップのあみちゃんが、いなくなちゃいましたね...。
でも、新しいトップも素敵ですよ!

とりあえず、私も勉強してみました。

<HTML>
<HEAD>
<STYLE TYPE="text/css">
<!--
A:hover { cursor : crosshair }
-->
</STYLE>
</HED>
<BODY>
<A HREF="http://www.xxx.ne.jp/">AAAAA</A>
<P STYLE="cursor : move">BBBBB</P> 
<P STYLE="cursor : e-resize">CCCCC1</P> 
<P STYLE="cursor : ne-resize">CCCCC2</P> 
<P STYLE="cursor : nw-resize">CCCCC3</P> 
<P STYLE="cursor : n-resize">CCCCC4</P> 
<P STYLE="cursor : se-resize">CCCCC5</P> 
<P STYLE="cursor : sw-resize">CCCCC6</P> 
<P STYLE="cursor : s-resize">CCCCC7</P> 
<P STYLE="cursor : w-resize">CCCCC8</P> 
<P STYLE="cursor : text">DDDDD</P> 
<P STYLE="cursor : wait">EEEEE</P> 
<P STYLE="cursor : help">FFFFF</P> 
</BODY>
</HTML>


カヅサツ[MAIL][URL][WriteDate :Thu Sep 28 17:49:05 2000]

蛇足かもしれませんが

<P STYLE="cursor : hand">GGGGGG</P>

hand の値は MSIE の独自拡張です。
なので、 CSS 文法チェッカからは怒られます。

> トップのあみちゃんが、いなくなちゃいましたね...。 

絵師が忙しくて新作がないのです。

みかん[MAIL][URL][WriteDate :Tue Oct 3 23:24:40 2000]

返答ありがとうございます!!
そうですか…MSIEは使えないのですか…
残念…。σ(^^;)がIEユーザーなんです…(涙)

カヅサツ[MAIL][URL][WriteDate :Wed Oct 4 10:40:45 2000]


> MSIEは使えないのですか… 

違います。 cousor プロパティのキーワードのうち、
hand だけは今のところ MSIE 「のみ」対応しているという意味です。

「××は○○の独自拡張」という場合、
普通、「××は○○にしか対応していない」と
読み替えて差し支えないと思います。

> σ(^^;)

ココロの中で何とお読みすればよろしいデスか?

みかん[MAIL][URL][WriteDate :Sat Oct 7 03:54:43 2000]

そうなんですか!
詳しく教えていただき感謝極まりないです(泣)
ありがとうございました
早速使ってみます

σで(^^;)をさしているということから
「わたし」と言う風に読んだらOKです♪
回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]