ロールオーバー効果みたいに

質問

有名サイトなど見ていると、リンクボタンにカーソルがくると、ロールオーバー効果だけでなく、効果音が出るのがあります。これってどうやっているんですか。簡単に出来るのでしたら、自分のホームページにも使ってみたいのですけど。素人向けにやさしく解説いただけませんでしょうか。

回答No.1

noname#4644 · ベストアンサー

javascriptという技術を使っています。
HTMLファイルをメモ帳などのテキストエディタで作ったことかがあるならば、すぐに理解できると思います。
もしそうでなければ難しいかもしれません。

---------以下ソース---------
<bgsound id="sukinaID">
<a onmouseover="sukinaID.src='soundfile.wav'">ここにマウスを合わせると音がなります。</a>
---------ここまで-----------

HTMLファイルのソースにこのように書き込めば、「soundfile.wav」というサウンドが鳴ります。
お持ちのサウンドファイル名に変えてください。

もしわからなくても時間があるなら、
有名ですが「とほほのWWW入門」などを見て勉強するのもいいと思います。

また、方法はこれだけではないので、
ご自分で色々探してみてください。

参考URL：

http://tohoho.wakusei.ne.jp/www.htm

お礼

ロールオーバー効果もjavascriptで出来てるんですよね。でもホムペの作成ソフトで作ったんで，HTML全然知らずにやりました。やっぱり、最後は基本に戻らないとだめなんですかね。つかえるsound fileは、wav形式だけですか。とりあえずやってみますけど、あんまり自信ありません。教えてもらったURL見てがんばってみます。どうもありがとうございました。

回答No.2

noname#4644

使えるファイルはwavだけではなく、mp3やmidもいけると思います。（たぶん。。。）
そのページを見る方の環境によるのではないかと。

HP作成ソフトを使ったことがないので＆どんなソフトを使ってらっしゃるのかわからないのですが、少しソースに書き込むだけですから（そのまんま書いて、サウンドファイル名だけ変えればOK）勘でもいいから試してみてくださいね。

ソースで打つほうが楽しかったりしますし(；´∀｀)