• ベストアンサー

このページのように・・・したいのですが・・・

http://www.openspc2.org/reibun/javascript/mouse/062/code.html 上記のサンプルページのように、触れるとサウンド1クリックでサウンド2が鳴って、それと同時に触れると画像2が表示されるタグってありませんか?説明不足でしたら補足します。ちなみに、画像1はなにもしていない状態で表示されている画像です。

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

  • ベストアンサー
  • toast5
  • ベストアンサー率37% (239/638)
回答No.4

どこかに「sample」という名前のフォルダをつくります。 ▼▼ここから▼▼ <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> ▲▲ここまで▲▲ ・・・をメモ帳にコピペして、test.htmlという名前で「sample」の中に保存します。 「.aif」という拡張子がついてるのがサウンドファイル。 「.gif」という拡張子がついてるのが画像ファイル。 ここで「パス」という概念について説明すべきですが、省略します。 http://www.openspc2.org/reibun/javascript/mouse/062/button1.gif http://www.openspc2.org/reibun/javascript/mouse/062/kin.aif http://www.openspc2.org/reibun/javascript/mouse/062/ring.aif http://www.openspc2.org/reibun/javascript/mouse/062/silent.aif ・・・の、よっつのファイルをダウンロードして、「sample」の中に保存します。 以上でできあがりです。 コピペしてできたとしても全然ためにならない、というご意見もわかるのですが、 コピペでもなんでも、一度できるとうれしくなってモチベーションが膨らむ、と いうこともあるでしょう。 「触れると画像2が表示される」については、わかりません。

その他の回答 (6)

  • mr_kjapan
  • ベストアンサー率63% (29/46)
回答No.7

/ が抜けていました。 不必要な ’ が有りました。 そのままコピペすると、ソースコードのURL 部分に?が付くことが有るので、省いて下さい <HTML> <HEAD> <TITLE>音</TITLE> <BGSOUND src="silent.aif" ID="midi"> </HEAD> <BODY> <a href="#" onmouseover="document.all('midi').src='ring.aif';" onclick="setTimeout('window.open(\'http://www.yahoo.co.jp/\',\'_blank\')',1000);document.all('midi').src='kin.aif';"><img src="button1.gif" width="128" height="48" border="0" onmouseover="this .src='image2.gif'" onmouseout="this .src='button1.gif'"></a> </BODY> </HTML>

  • mr_kjapan
  • ベストアンサー率63% (29/46)
回答No.6
  • mr_kjapan
  • ベストアンサー率63% (29/46)
回答No.5

こんな感じかな? BGSOUND 効果音・BGMを鳴らす src は場所 a はリンクタグ onmouseover にてマウスカーソルが乗ったならば、ring.aif を鳴らし、onclickマウスクリックで http://www.yahoo.co.jpを1秒後に開く(setTimeout)と同時に、kin.aifが作動。 *1000の部分を2000にすると2秒、5000だと5秒* silent.aif、ring.aif、kin.aif、button1.gif、image2.gifの部分の前に、「http://www.openspc2.org/reibun/javascript/mouse/062/」を 付けて実験するとうまくいくと思いますが、直リンクというマナー違反の形になりますので、自己サイトではこのような使い方はしないで下さい。 <HTML> <HEAD> <TITLE>音</TITLE> <BGSOUND src="silent.aif" ID="midi"> </HEAD> <BODY> <a href="#" onmouseover="document.all('midi').src='ring.aif';" onclick="setTimeout('window.open(\'http://www.yahoo.co.jp\',\'_blank\')','1000');document.all('midi').src='kin.aif';"><img src="button1.gif" width="128" height="48" border="0" onmouseover="this .src='image2.gif'" onmouseout="this .src='button1.gif'"></a> </BODY> </HTML>

bananag
質問者

お礼

ありがとうございます。

  • t-sazen
  • ベストアンサー率42% (37/87)
回答No.3

#1です。 >どこに音声ファイルを入れ、どこに画像ファイルを入れるのかがわかりません。 まさか全部のHTMLタグの説明をしろってんじゃないでしょうね? それとも、「ここはこうしなさいよ」って書かなきゃいけないのですか? それだったらHTMLタグについて書いてあるサイトが山のようにありますからググッて下さい。 仮にもホームページを作りたいんだったらそれぐらいの努力はしなさいよ。 苦労しないで教えてもらった事は知識になりません。 苦労して覚えたことが知識になるんです。 こう書けばできますよ、って誰かに書いてもらって、それをコピペするだけじゃ全然あなたのためになりませんよ。 #1で書いたように、あなたが質問のところで書いたページを表示して、右クリックしてポップアップメニューを出して、ソースの表示を選んでメモ帳にそのページに何が書かれてあるかをよく読んで、タグを勉強して、それでもわからなければ再度質問するようにした方がいいですよ。

noname#29456
noname#29456
回答No.2

http://www.openspc2.org/reibun/javascript/mouse/062/index.html が、まさにそのサンプルスクリプトの説明ですよ。 それを読んで理解できるように、勉強してください。

bananag
質問者

補足

ありがとうございます。その説明がわからないのです。。 どこに音声ファイルを入れ、どこに画像ファイルを入れるのかがわかりません。お時間がありましたら、そのところを詳しく説明してくれませんか?

  • t-sazen
  • ベストアンサー率42% (37/87)
回答No.1

そのページを開いて、右クリックし、「ソースを表示」すれば中身が見得るので、それを参考にいろいろやってみればわかるんじゃないですか?

関連するQ&A