![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
http://www.mizutaku.net/
このサイトの、横の「ブランド一覧」項目の各ボタンの上をカーソルを滑らせると、直下のボタンが色付きになります。
そしてそのボタンをクリックすると該当するページに飛び、押したボタンは色つきの画像となってクリックできないようになります。
このようなデザインのホームページを作成したいです。
恐らくCGIとかPHPとかJavascriptとかのhtml以外のファイルが必要になるのだと考えますが、CGIやJavascriptを使えばこのようなホームページを作成することはできるでしょうか。
学校でJavaをポリモフィズムまで学習しましたが、その関係上Javascriptなら勉強しやすいのでは…と考えました。
どのようなプログラムを勉強すればこのようなホームページが作れるようになるのか、どなたかご教示ください。よろしくお願いします。
No.2ベストアンサー
- 回答日時:
ソース見ましたがJavascriptでやってますね。
凝らなければこの程度は簡単に実装できますよ。
ようはマウスが画像の上にきたら
http://www.mizutaku.net/common_images/snavi01_on …
の画像に差し替え、マウスが画像の上になかったら
http://www.mizutaku.net/common_images/snavi01.jpg
の画像に戻す処理ですね。
このサイトはソースの後ろに_onを追加する処理をしているので、画像さえ2枚
用意してやればいくらブランドが増えても自動で対処される仕組みになってますね。
単純な画像切替なら下記のサイトを見ればわかりやすいかと
http://copicopi.com/onmousepic.html
No.3
- 回答日時:
> PHPで行う方法も教えていただけないでしょうか。
PHPというと、サーバサイドのスクリプトですよね。
マウスカーソルの移動に応じて、画面構成を変化させるには、
クライアントサイドのスクリプトでなければ、意味がないと思いますが・・・。
No.1
- 回答日時:
簡単に実現するには、こちらの例のように Javascript の
onmouseover を使います。
http://www.scollabo.com/banban/jsindex/sample/sa …
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Instagram HTML5の廃止とJavaScript 2 2022/04/13 21:05
- JavaScript HTMLでJavaScriptを使用してプログラムを作ります。 入力されたパスワードを取得して、パス 2 2022/10/18 01:05
- CGI サイト訪問者の情報を取得したい 1 2023/02/21 11:03
- MySQL MySQL,JavaScript,PHPコードの結果を表示する方法を教えてください。 1 2023/02/13 17:49
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- その他(プログラミング・Web制作) プログラムの勉強のおすすめは 7 2022/12/09 20:09
- その他(データベース) Accessフォームからパラメーターで表示したレコードを指定のExcelのセルへ転送する方法について 2 2022/08/22 18:04
- JavaScript jsで診断コンテンツのページ内切り替えについて 1 2023/04/14 17:31
- その他(プログラミング・Web制作) 次に、楽天のアジャイル就活に参加して、1日で内定を獲得できる。私は大企業に就職できる? 2 2022/04/17 13:38
- JavaScript ソースコードは下の共有コードサイト「張り紙」にあります。 入力フォームの javascript で 1 2022/05/11 11:01
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
一時停止と再開
-
カーソルを合わせるとボタンが...
-
Dosブロンプトでtabを出力したい
-
shシェルスクリプト 空白行の...
-
wordの差し込み印刷で文字...
-
【C#】DataGridViewの最大列数...
-
「取得先」という表現について
-
excel access連携 このテーブル...
-
バッチファイルでpingの結果を...
-
DTOとEntityの差は何ですか。
-
switch()文で値の大小比較
-
ps3で久しぶりにCDの音楽情報取...
-
Yahoo! JAPAN IDを新規取得でき...
-
phpでcookieがうまく保存されない
-
URLのパラメータをGETのままで...
-
アップロードしたファイル名に...
-
「次の10件を表示する」のよ...
-
EXCEL、マクロ-改ページ行番号...
-
vb作成したらでbeep音が鳴りま...
-
POSTで受け渡したものを保存し...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
CListCtrlのcheckboxサイズ変更
-
電話番号のフォーマットについて
-
OpenFileDialogの自作
-
PHP リロードせずに、リアルタ...
-
gooのフィードを作成したのです...
-
素材屋さんでよく見かける、壁...
-
C# データグリッドにボタンを表示
-
C++でGUIアプリケーションを作...
-
HTML上の画像にマウスオーバー...
-
Java RGBヒストグラム
-
C#【フォルダの参照】ダイアログ
-
jquery(js)にて実装したいスラ...
-
VB.NETで画像の拡大・縮小
-
selectボックスのボタン画像を...
-
jQuery『supersized』のカスタ...
-
DrawImageでビットマップを拡大...
-
随時(定期的に)HPを更新の「方法
-
HP作成方法について
-
画像のようなVimはどう記述すれ...
-
一時停止と再開
おすすめ情報