WEB相談室

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

タイトル:ToolBar、そして文字色変更について

Sumi[MAIL][URL][WriteDate : Thu Oct 19 15:29:31 2000]

(1)Microsoft.comのホームページ右上にある、黒いメニューバーのような、スクロールメニューを作りたいのですが、どなたか教えていただけませんか?
(2)また、この掲示板のタイトルにあるように、タイトルにマウスを置くと、文字の色が変って下線がひける状態にする方法も教えて欲しいのですが。。。


Tak[MAIL][URL][WriteDate :Thu Oct 19 17:36:16 2000]

(1)の質問はちゃいちゃんパパさんにお任せして (^^;

(2)は,スタイルシートというものを使って可能です。
http://www.parkcity.ne.jp/~chaichan/src/style.htm

文字の色の指定は color,下線などは text-decoration という
プロパティで定義することができます。
HTML文書中HEAD内に

<style type="text/css">
<!--
a { color:red; text-decoration:none }
-->
</style>

と記述すれば,アンカーの色は赤になり,下線はなくなります。
また,アンカー要素(A)には定義済みクラスというものが用意されていて,

<style type="text/css">
<!--
a:link    { text-decoration:  none    } /* 通常のリンク(link) */
a:visited { text-decoration:  none    } /* 既に訪問したことがある(visited) */
a:active  { text-decoration:  none    } /* クリックされた瞬間(active) */
a:hover   { text-decoration:underline } /* マウスを当てたとき(hover) */
-->
</style>

とすれば,マウスを当てたときだけ下線が現れることになります。

>ちゃいちゃんパパさんへ
アンカー要素,定義済みクラスの説明が少ないかも...
http://www.parkcity.ne.jp/~chaichan/src/style.htm
http://www.parkcity.ne.jp/~chaichan/src/css.htm

ちゃいぱ[MAIL][URL][WriteDate :Thu Oct 19 17:44:14 2000]

(1)関しては、ソース見たらめげました。
だれか、時間をかけて解析してみてください。

view-source:http://microsoft.com//library/toolbar/toolbar.js

view-source:http://microsoft.com//library/toolbar/en-us/gloalHP9.js

view-source:http://microsoft.com//library/toolbar/en-us/localHP9.js

また、gloalHP9.jsの中身がHTMLだったので驚きました。こんなのあり?

(2)関しては以下を参照してください。
http://www.parkcity.ne.jp/~chaichan/qanda/qa56.htm



ちゃいぱ[MAIL][URL][WriteDate :Thu Oct 19 17:48:12 2000]

(1)調べていたら、Takさんに遅れをとった!

Takさん、いつもありがとう!


じゃすみん[MAIL][URL][WriteDate :Thu Oct 19 21:53:51 2000]

とりあえず、下記のサイトの
[サンプルプログラム]−[メッセージ]−[10.<IMG>タグのALTのようなメッセージを表示します。]
のソースを表示して勉強してみたらいいと思うよ。

「とむやん君のJavaScript講座」
http://www2s.biglobe.ne.jp/~club_tom/java-kouza/ja-index.htm

これはマウスの位置に表示されるけど、
DHTMLを勉強すればすぐ固定の場所に出すこともできるはず。

余談だけど、マイクロソフトのスクリプトはIE専用なので、
ある意味、シンプルでわかりやすいかも?


Anon[MAIL][URL][WriteDate :Fri Oct 20 00:56:01 2000]


http://microsoft.com//library/toolbar/en-us/gloalHP9.js 
> gloalHP9.jsの中身がHTMLだったので驚きました。
間違ったパス(/が多すぎ)を表示しようとしたから、MSのnot foundページのソースが表示されただけだと思いますけど...

Sumi[MAIL][URL][WriteDate :Fri Oct 20 08:46:52 2000]

(2)に関しては、何とか教えていただいた通りでできそうです!ありがとうございます。
(1)については、ちょいとこれから時間をかけて研究してみます。また、分らなくなったらご指示ください。

カヅサツ[MAIL][URL][WriteDate :Fri Oct 20 11:11:10 2000]


> また、gloalHP9.jsの中身がHTMLだったので驚きました。こんなのあり?

ボクはそれを拝見してませんが、
別にHTML 文書ファイルの mime-type が 
text/html にさえなっていれば
拡張子はなんであってもかまわないのでは。


ちゃいぱ[MAIL][URL][WriteDate :Fri Oct 20 12:48:49 2000]

Anonさんへ
パス名でなく、ファイル名が間違っていました。
パス名はなぜか自動的に「/」が付加されますが..、正常みたい。

カヅサツへ
いつも、ありがとう! 他のBBSでのご活躍もみてますよ!
<script language="JavaScript" src="globalHP9.js"></script>
で、globalHP9.jsの中身がHTMLだったので、驚きましたが、ファイル名間違いで、ちゃんとスクリプトでした。おはずかしい。

Sumiさんへ
今度、おもしろそうなので、時間が空いたら、ロジック解析をしてみます。いつになるかわからないけど...。





ちゃいぱ[MAIL][URL][WriteDate :Fri Oct 20 12:51:42 2000]

カヅサツさんへ「さん」を忘れました。気にしないでね!

Sumi[MAIL][URL][WriteDate :Fri Oct 20 13:00:15 2000]

ちゃいぱぱさん。お願いします。期待してます!Anyway,ありがとうございました。
回答(必須): 状態:

お名前(必須):

e-mail:

URL:




[戻る]