バナーが表示されるリンク

質問

文字リンクでマウスポインターを乗せると
ある一定の場所にバナーが表示されるという
リンクページを作りたいのですが
どうつくっていいのかわかりません。
こちらのようなサイトを作りたいのですが…

http://kyoto.cool.ne.jp/machiko009/.htm

ソースをみてもJavaはさっぱりで何を書いているのかわかりません。
わかりやすく教えてください。

回答No.1

noname#48234 · ベストアンサー

こんばんは。
HTMLやJavaScriptの基礎知識はありますか？
基礎知識がないとここで説明しても理解に苦しむと思います・・・。
以下、参考サイトのソースの解説です。ソースと実際のページをよーく見ながら下の記述の部分を探してみてください。
（勝手に載せていいのかなぁ。管理者様、不適切ならば削除してください。）

＜解説＞
リンクにマウスポインタが乗った時にバナー画像を指定しているタグの中の画像URLが書き換わるようになっています。（文字リンクにonMouseOverすることによってアクセス時に表示されていた初期画像がリンク先のバナー画像に入れ替わる）

○バナー画像を特定の箇所に表示する関数

<script language="JavaScript">
<!--
function gazou(out_img){
document.in_img.src=out_img;
}
//--></script>

○画像が表示される箇所の記述
<img name="in_img" src="***アクセス時に表示されている初期画像.jpg" border="0" >

○マウスポインタが乗ったときに上記関数を呼び出す記述

<a href="http://******.com/" onMouseOver="gazou('http://********.jpg')" title="リンク先の紹介文" target="_top" style="text-decoration: none">リンク文字</a>

onMouseOver="gazou('http://********.jpg')"
の部分で、バナー画像を引数として渡して関数を実行しています。
上記解説中の***印の部分をご希望のものに変えれば使えるます。

不明な点がありましたら補足してくださいね。

お礼

HTMLは自分で書いているのですがJavaはあまり使用した事がないので大変でしたが、詳しくかいてくださったおかげでとてもわかりやすく、簡単に作成することができました。すばやい回答ありがとうございます。