締切済み

マイクロソフトのホームページで

2003/01/27 23:11

http://www.microsoft.com/japan/ で JScriptが有効な場合（IE6で見てます）左の Windows Office Servers などの項目がある部分にマウスカーソルを合わせると背景が灰色に変わりますよねさらに、クリックすると濃い灰色になるのですがこの処理はどこに書いてあるのでしょうか？ソースを見てみたのですが分かりませんよろしくお願いします

65_
お礼率68% (17/25)

JavaScript
回答数3
ありがとう数4

みんなの回答 （3）
専門家の回答

みんなの回答

Blackwingls
ベストアンサー率44% (138/313)

2003/02/02 03:36 回答No.3

こんばんわぁ、Blackwinglsです。ソース、眺めるの面倒なので・・・(^^;) 色が変わるだけの処理なら以下JavaScriptでどうでしょうか？ IE5.5でのみ、動作確認してます。 ps　あっ、本家はテーブル使ってるのかぁぁぁ <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> <title>test</title> <style> .TestStyle { position:absolute;left:0px;top:0px; width:160px; height:100px; background-color:#dddddd; } .TestStyle2 { position:absolute;left:0px;top:0px; font-size:10pt; width:150px; height:20px; background-color:#dddddd; } #L1 {position:absolute;left:4px;top:4px} #L2 {position:absolute;left:4px;top:28px} #L3 {position:absolute;left:4px;top:52px} #L4 {position:absolute;left:4px;top:76px} </style> <script language="javascript"> function over() { document.all(event.srcElement.id).style.backgroundColor="#b4b4b4"; document.all(event.srcElement.id).style.borderStyle="solid" document.all(event.srcElement.id).style.borderColor="#929292" document.all(event.srcElement.id).style.borderWidth="1px" } function out() { document.all(event.srcElement.id).style.backgroundColor="#dddddd" document.all(event.srcElement.id).style.borderStyle="none" } function down() { document.all(event.srcElement.id).style.backgroundColor="#929292"; location.replace("#.htm") } </script> </head> <body> <div class="TestStyle"> <div id="L1" class="TestStyle2" onMouseover="over()" onMouseOut="out()" onmousedown="down()"> test1 </div> <div id="L2" class="TestStyle2" onMouseover="over()" onMouseOut="out()" onmousedown="down()"> test2 </div> <div id="L3" class="TestStyle2" onMouseover="over()" onMouseOut="out()" onmousedown="down()"> test3 </div> <div id="L4" class="TestStyle2" onMouseover="over()" onMouseOut="out()" onmousedown="down()"> test4 </div> </div> </body> </html>

質問者

お礼 2003/02/23 21:14

たいへん遅れましたが、回答ありがとうございますソースまで書いてくださってありがとうざいますただ、私もある程度はスクリプト分かっているつもりなのですがマイクロソフトのページのソースを見ても分からなかったので単純にどうしているのか知りたかったのですすみません…

arikui
ベストアンサー率43% (52/120)

2003/01/31 11:44 回答No.2

toolbar.jsだけでなく、他にもいくつかの外部ファイルが必要なようです。それらも見ましたが、どこがどうなっているか、わかりませんでした。スミマセン。

質問者

お礼 2003/02/23 21:15

回答ありがとうございましたたいへん遅くなって申し訳ないですうーん分からないですよね？（^^; ありがとうございました

arikui
ベストアンサー率43% (52/120)

2003/01/29 17:25 回答No.1

おそらく、 <script language="JavaScript" src="/japan/homepage/toolbar.js"></script> に記述されているのだと思います。これは、サーバー上にあり、HTMLとは別のファイルです。共通処理を毎回HTMLを記述すると、あとで修正が大変なので、このようにしているのでしょう。