カーソルを合わせるとボタンが色つきになるサイトの作成とそのプログラム

http://www.mizutaku.net/
このサイトの、横の「ブランド一覧」項目の各ボタンの上をカーソルを滑らせると、直下のボタンが色付きになります。
そしてそのボタンをクリックすると該当するページに飛び、押したボタンは色つきの画像となってクリックできないようになります。

このようなデザインのホームページを作成したいです。
恐らくCGIとかPHPとかJavascriptとかのhtml以外のファイルが必要になるのだと考えますが、CGIやJavascriptを使えばこのようなホームページを作成することはできるでしょうか。

学校でJavaをポリモフィズムまで学習しましたが、その関係上Javascriptなら勉強しやすいのでは…と考えました。

どのようなプログラムを勉強すればこのようなホームページが作れるようになるのか、どなたかご教示ください。よろしくお願いします。

No.2 ベストアンサー 回答者： yuki4499 回答日時： 2010/04/06 10:04

ソース見ましたがJavascriptでやってますね。

凝らなければこの程度は簡単に実装できますよ。
ようはマウスが画像の上にきたら
http://www.mizutaku.net/common_images/snavi01_on …
の画像に差し替え、マウスが画像の上になかったら
http://www.mizutaku.net/common_images/snavi01.jpg
の画像に戻す処理ですね。
このサイトはソースの後ろに_onを追加する処理をしているので、画像さえ２枚
用意してやればいくらブランドが増えても自動で対処される仕組みになってますね。

単純な画像切替なら下記のサイトを見ればわかりやすいかと
http://copicopi.com/onmousepic.html

この回答へのお礼

画像切り替えとかオンマウスとか言うのですか。
勉強になります。ありがとうございます。

お礼日時：2010/04/06 15:59

No.3 回答者： DIooggooID 回答日時： 2010/04/06 16:24

> PHPで行う方法も教えていただけないでしょうか。

　ＰＨＰというと、サーバサイドのスクリプトですよね。

　マウスカーソルの移動に応じて、画面構成を変化させるには、
クライアントサイドのスクリプトでなければ、意味がないと思いますが・・・。

この回答へのお礼

ありがとうございます_(_^_)_

お礼日時：2010/04/07 07:56

No.1 回答者： DIooggooID 回答日時： 2010/04/05 18:53

簡単に実現するには、こちらの例のように Javascript の

onmouseover を使います。




http://www.scollabo.com/banban/jsindex/sample/sa …

この回答へのお礼

ありがとうございます。よろしければPHPで行う方法も教えていただけないでしょうか。

お礼日時：2010/04/06 15:57