http://www.openspc2.org/reibun/javascript/mouse/ …
上記のサンプルページのように、触れるとサウンド1クリックでサウンド2が鳴って、それと同時に触れると画像2が表示されるタグってありませんか?説明不足でしたら補足します。ちなみに、画像1はなにもしていない状態で表示されている画像です。
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/ …
http://www.openspc2.org/reibun/javascript/mouse/ …
http://www.openspc2.org/reibun/javascript/mouse/ …
http://www.openspc2.org/reibun/javascript/mouse/ …
・・・の、よっつのファイルをダウンロードして、「sample」の中に保存します。
以上でできあがりです。
コピペしてできたとしても全然ためにならない、というご意見もわかるのですが、
コピペでもなんでも、一度できるとうれしくなってモチベーションが膨らむ、と
いうこともあるでしょう。
「触れると画像2が表示される」については、わかりません。
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);doc … src="button1.gif" width="128" height="48" border="0" onmouseover="this .src='image2.gif'" onmouseout="this .src='button1.gif'"></a>
</BODY>
</HTML>
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/ …」を
付けて実験するとうまくいくと思いますが、直リンクというマナー違反の形になりますので、自己サイトではこのような使い方はしないで下さい。
<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');do … src="button1.gif" width="128" height="48" border="0" onmouseover="this .src='image2.gif'" onmouseout="this .src='button1.gif'"></a>
</BODY>
</HTML>
No.3
- 回答日時:
#1です。
>どこに音声ファイルを入れ、どこに画像ファイルを入れるのかがわかりません。
まさか全部のHTMLタグの説明をしろってんじゃないでしょうね?
それとも、「ここはこうしなさいよ」って書かなきゃいけないのですか?
それだったらHTMLタグについて書いてあるサイトが山のようにありますからググッて下さい。
仮にもホームページを作りたいんだったらそれぐらいの努力はしなさいよ。
苦労しないで教えてもらった事は知識になりません。
苦労して覚えたことが知識になるんです。
こう書けばできますよ、って誰かに書いてもらって、それをコピペするだけじゃ全然あなたのためになりませんよ。
#1で書いたように、あなたが質問のところで書いたページを表示して、右クリックしてポップアップメニューを出して、ソースの表示を選んでメモ帳にそのページに何が書かれてあるかをよく読んで、タグを勉強して、それでもわからなければ再度質問するようにした方がいいですよ。
No.2
- 回答日時:
この回答への補足
ありがとうございます。その説明がわからないのです。。
どこに音声ファイルを入れ、どこに画像ファイルを入れるのかがわかりません。お時間がありましたら、そのところを詳しく説明してくれませんか?
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript 空白で入力フォームのボタンをクリックしたら、ブラウザの上部からjavascriptで 表示されるアラ 1 2022/05/20 11:16
- WordPress(ワードプレス) ワードプレスで、投稿一覧ページにタグを表示する方法 投稿につけたタグを、記事一覧ページにもカテゴリと 1 2023/05/10 21:41
- HTML・CSS トリミングで表示した画像をクリックで元どおりにしたい 3 2022/12/16 18:49
- JavaScript html5に変えるとスライドショーが消えてしまった。 3 2022/03/26 19:53
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- Windows 10 Windows10 の設定?について (長文ですがよろしくお願いします)m(_ _)m 3 2022/05/14 12:22
- Illustrator(イラストレーター) 「頂点で線分を伸ばす」作業がうまく行かない。 1 2022/09/09 10:19
- プリンタ・スキャナー PDFが両面印刷されてしまう初期設定を変更したい 1 2022/04/10 11:44
- その他(ブログ) なぜ、ホームページが削除されても、そのホームページ上の画像のリンク先がリンク切れになる場合 5 2023/07/15 10:24
- その他(ブラウザ) IE・edgeで日増しに観られるサイトが減ってくる。 1 2022/10/04 22:40
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ロールオーバーを立てに並べる...
-
Excel VBA マクロ 画像(...
-
画面が真っ白になるのはどうして?
-
OpenCVを用いたヒストグラムの...
-
c++std::string型をTCHARに変換...
-
「戻る」「進む」ボタンで画像...
-
JSPでの画像ファイル表示
-
日替わりで画像を変更したい
-
MAX関数を使ってからLEFT JOIN...
-
jqueryのsortableで一部ソート...
-
createElementで作成した要素を...
-
変数内容をHTML内で表示する方法
-
指定したパスが現URLに含まれて...
-
読み込んだQRコードをフォーム...
-
CSS <div>の入れ子が反映さ...
-
JavaScriptで変更した属性の元...
-
Colorboxがうまく設置できません
-
qtipの使い方について
-
css固定したフッターが本文と重...
-
jQuery FlexSliderのカルーセ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
JSPでの画像ファイル表示
-
画面が真っ白になるのはどうして?
-
c++std::string型をTCHARに変換...
-
フォームに入力された値により...
-
javascriptの sx, sy, sw, sh, ...
-
日替わりで画像を変更したい
-
画像ファイルの合成
-
OpenCVを用いたヒストグラムの...
-
Excel VBA マクロ 画像(...
-
ランダムに画像を表示し、ポッ...
-
クリックして変更した画像を他...
-
C言語のポインタ表現
-
「戻る」「進む」ボタンで画像...
-
1つの画像クリックで切替の方法
-
クリックすると小さい画像がキ...
-
ロールオーバーとOnclickで
-
サムネイル画像をマウスオーバ...
-
JavaScriptでボタンをクリック...
-
CGI 16進数をバイナリ-に変換
-
Javascriptで画像を水面のよう...
おすすめ情報