• ベストアンサー

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

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

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

  • ベストアンサー
  • 3_frogs
  • ベストアンサー率33% (5/15)
回答No.1

ロールオーバーで画像を変えるということですが、 それだけでしたら <style type="text/css"> <!-- .rollover {display:block; background-image : url(画像1);} A:HOVER.rollover {background-image : url(画像2);} --> </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/
JIFT00
質問者

補足

ありがとうございました。参考URLをみましたが、サンプルの意味がよくわかりません。これなのですが、どこに画像URLを入れればいいのかが・・・。素人です。あと、サウンドをアップロードしたいのですが、どうすればよいのでしょうか。 ───── <html> <head> <title>ロールオーバーでサウンドを鳴らす</title> <script language="JavaScript"><!-- function playSound(sndName) { if (document.all) mySND.src = sndName; } function jumpURL(jpURL,sndTime) { setTimeout("location.href='"+jpURL+"'",sndTime); } // --></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)
回答No.2

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

参考URL:
http://www.vector.co.jp/soft/win95/net/se061839.html
JIFT00
質問者

お礼

解説ありがとうございました。 FFFTPはアップロードするためのものとは知りませんでした。

関連するQ&A