WEB相談室

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

タイトル:オンマウスについて

わらべママ [URL] [WriteDate : Thu Apr 19 02:08:14 2001]

ちゃいぱさん、皆さん、はじめまして。
大変欲張りなお願いで、恐縮なんですが・・・。
今のHPのメニューフレームを
http://www.hm2.aitai.ne.jp/~yu-kun/nemu.htm
に変更したいと思っているのですが、このままではリンクをしにくいと思い、オンマウスの時に色をつけたいです。
できれば、ネスケでも対応したいです。
第一希望は
http://www4.plala.or.jp/toroly/
の「素材処」のオンマウスのようにしたいのですが・・・。
もしそれがネスケに対応していないのなら、全体に色づけする方法でもいいので教えていただけると嬉しいです。
説明不足、意味不明等ありましたら、言ってくださいまし。


わらべママ [URL] [WriteDate : Thu Apr 19 02:18:08 2001]

前の投稿の最初のURLを間違えていました。すみません。。http://www.hm2.aitai.ne.jp/~yu-kun/menu.htm
が正しいものです。


andi [WriteDate : Thu Apr 19 09:07:23 2001]

ネスケ4ではオンマウス時に色が変わりませんが、
スタイルシートを利用して、

<style type="text/css">
a:hover{color:#FF0000}
</style>

と<head>内に記述しておけば出来ますよ。
スタイルシートは他にも色々とできるので勉強されてみると楽しいですよ。


ドラ [WriteDate : Thu Apr 19 10:00:55 2001]

#私はネスケユーザーなので
http://www.hm2.aitai.ne.jp/~yu-kun/menu.htm
#が見れないです(^^;;;;

ネスケ4.*以下では、残念ながらオンマウス時に色を
変える事はできないです。

しかし、リンクを画像にして、画像を変える事によって
それに近い事ができます。

上記ページでは意味が無いかもしれないですが
一応書いて置きます。

<SCRIPT LANGUAGE="JavaScript">
<!--
clickimg = new Array();
clickimg[0] = new Image();
clickimg[0].src ="aaaa.gif";
clickimg[1] = new Image();
clickimg[1].src ="bbbb.gif";

function over_img(){
       if( document.images )
               document.b.src=clickimg[0].src;
}
function out_img(){
       if( document.images )
               document.b.src=clickimg[1].src;
}
//-->
</SCRIPT>
------------

<a href="リンク先" onMouseOver="over_img()" onMouseOut="out_img()">
<IMG name="b" src="bbbb.gif" border=0></A>


516 [URL] [WriteDate : Thu Apr 19 11:07:43 2001]

Mugiさんのところにねすけでa:hoverを実現するスクリプトがありました。
http://www06.u-page.so-net.ne.jp/wa2/mugi/js/cbhover.htm


わらべママ [URL] [WriteDate : Thu Apr 19 11:40:10 2001]

皆様、さっそくの多数のご意見、ありがとうございます♪
本当に感謝の気持ちでいっぱいです♪

◎andiさんのご指導を参考に、やってみました。
http://www.hm2.aitai.ne.jp/~yu-kun/menu.htm
これはネスケに対応していないんですよね(TT)
だとすると、やっぱりリンクの下線は消さないほうが親切なんでしょうか?

◎とむやんさんのHPにあったサンプルを参考にやってみました。
http://www.hm2.aitai.ne.jp/~yu-kun/_menu_.htm
これはネスケに対応しているという事ですが、どうでしょう???
ちゃんと見れているか確認できないので心配です(泣)

どらさんからはページが見れないんですね(泣)
ということは、ネスケからは私のHPも見れないんでしょうか?
なっなぜでしょう??改善策などはあるのでしょうか???

516さん、Mugiさんのところにもあったのですか!!
よくわからないのですが、この場合どっちかが重いとか違いはあるのでしょうか?さっそくページを作ってみます♪

質問ばかりになってしまってすみませんでした。。。


カヅサツ [MAIL] [URL] [WriteDate : Thu Apr 19 14:45:26 2001]

> だとすると、やっぱりリンクの下線は消さないほうが親切なんでしょうか?

親切なページ作りを目指されるのであれば、
マウスポインタが触れることでリンク色が変わろうと変わるまいと、
消しておかない方が宜しいかと思います。

> どらさんからはページが見れないんですね(泣)
> ということは、ネスケからは私のHPも見れないんでしょうか?
> なっなぜでしょう??改善策などはあるのでしょうか???

http://www.hm2.aitai.ne.jp/~yu-kun/menu.htm に関して言えば、
ボクの Windows 版 Netscape Navigator 4.06 と
Mozilla browser (Netscape6) では見られないということはないようです
(わらべママさんの意図した表示であるかどうかは判りませんが)。

Another HTML-lint gateway
http://openlab.ring.gr.jp/k16/htmllint/htmllint.html
でチェックしてみましたが、
ネットスケープで読めなくなるタイプのエラーはないみたいですね。
# その他のエラーはいっぱいあるので、
# なるべく直されると宜しいんじゃないかと思いますが。
# エラーの解説を読んでも判らないようでしたら
# 再質問していただければもうちょい詳しく回答できるかもしれません。


ドラ [WriteDate : Thu Apr 19 18:40:10 2001]

今見たら見れました〜。
http://www.hm2.aitai.ne.jp/~yu-kun/menu.htm
↑ここ

さっき見た時は、******.cssファイル?を読み込んで
Not Foundだったのですが・・・(ーー;;うーむ

ちなみに、UNIX版 NetScape Communicator 4.7です。

下線は消さないでくださいね(^^;;;
ソースを見ないとどこがリンクか分かりません・・・・
ネスケ対応のものでも、マウスを上まで持っていかないと
分からなかったです。(^^;;;


わらべママ [URL] [WriteDate : Thu Apr 19 22:41:00 2001]

andiさん、ドラさん、516さん、カヅサツさん、どうもありがとうございました。なんとか出来ました!ってまだ途中ですが(^^;
リンクの下線は消さないことにします♪

『Another HTML-lint gateway』ってすごいですね!!
うぅ・・。「もっとがんばりましょう」って。。(TT)

まだまだわからない事がたくさんあるので、またみなさまのお力をお借りしにくるかと思いますが、
その時はよろしくお願い致しますm(__)m

回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]