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

質問

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

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

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

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

回答No.2

yuki4499 · ベストアンサー

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

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

お礼

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

回答No.3

DIooggooID

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

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

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

お礼

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

回答No.1

DIooggooID

簡単に実現するには、こちらの例のように Javascript の
onmouseover を使います。

http://www.scollabo.com/banban/jsindex/sample/sample_187.html

お礼

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