ベストアンサー

オンマウスでサウンドが鳴るリンクボタン

2008/08/20 20:22

こんにちは。 HTMLタグのことで質問します。リンクボタンで、そのボタンにカーソルを合わせるとサウンドが鳴るようにするにはどうすればよいのでしょうか？後、できればでいいのですが上記の機能プラス'カーソルをリンクボタンに合わせると、１画像が画像２変わり、はなすと画像１にもどる'ということはできるのでしょうか。やはり両方の機能が同時に働くようにお願いします。

JIFT00
お礼率81% (44/54)

ホームページ作成ソフト
回答数2
ありがとう数1

みんなの回答 （2）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

3_frogs
ベストアンサー率33% (5/15)

2008/08/22 20:34 回答No.1

ロールオーバーで画像を変えるということですが、それだけでしたら <style type="text/css">  </style> を<head>～</head>のあいだに挿入し、 <a href="#" class="rollover"><img src="d.gif" width="150" height="150" border="0"></a> を<body>～</body>のあいだに挿入してください。また、サウンドを鳴らす方法ですが、BGSOUNDというタグを用いるようです。参考URLに詳しい解説が掲載されていましたので、載せておきます。

参考URL：: http://www.openspc2.org/reibun/javascript/mouse/062/

質問者

補足 2008/08/23 13:46

ありがとうございました。参考URLをみましたが、サンプルの意味がよくわかりません。これなのですが、どこに画像URLを入れればいいのかが・・・。素人です。あと、サウンドをアップロードしたいのですが、どうすればよいのでしょうか。 ───── <html> <head> <title>ロールオーバーでサウンドを鳴らす</title> <script language="JavaScript"></script> <bgsound src="silent.aif" id="mySND"> </head> <body> <a href="javascript:playSound('kin.aif');jumpURL('http://www.yahoo.co.jp/',1000)" onMouseover="playSound('ring.aif')" > <img src="button1.gif" border="0"> </a> </body> </html> ───── ぜひとも回答を！！

ログインすると、全ての回答が全文表示されます。

その他の回答 (1)

3_frogs
ベストアンサー率33% (5/15)

2008/08/23 21:58 回答No.2

二度目の回答失礼します。画像の拡張子というのは、・jpg（デジタルカメラから取り込んだ画像など）・gif（透過画像を作成したり簡単なアニメーションを作るなど）・png（イラストなど、いろいろ使えます。でもちょっと重い？）が主なものになります。なので、サンプルの <img src="button1.gif" border="0"> 「button1.gif」を任意のファイル名にすればOKです。（ちなみに、border="0"は枠線の太さの指定です）アップロードに関しては「FFFTP」などを使用されてはいかがでしょうか。フリーウェアなので、参考URLに載せておきますね。ど、どうでしょうか…！＾＾；