プロが教える店舗&オフィスのセキュリティ対策術

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

A 回答 (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>
    • good
    • 0

image2.gifの前は、


http://www.openspc2.org/reibun/javascript/sub_wi …
でした
    • good
    • 0

こんな感じかな?


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>
    • good
    • 0
この回答へのお礼

ありがとうございます。

お礼日時:2009/01/03 18:58

どこかに「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が表示される」については、わかりません。
    • good
    • 0

#1です。



>どこに音声ファイルを入れ、どこに画像ファイルを入れるのかがわかりません。
まさか全部のHTMLタグの説明をしろってんじゃないでしょうね?
それとも、「ここはこうしなさいよ」って書かなきゃいけないのですか?
それだったらHTMLタグについて書いてあるサイトが山のようにありますからググッて下さい。

仮にもホームページを作りたいんだったらそれぐらいの努力はしなさいよ。
苦労しないで教えてもらった事は知識になりません。
苦労して覚えたことが知識になるんです。

こう書けばできますよ、って誰かに書いてもらって、それをコピペするだけじゃ全然あなたのためになりませんよ。

#1で書いたように、あなたが質問のところで書いたページを表示して、右クリックしてポップアップメニューを出して、ソースの表示を選んでメモ帳にそのページに何が書かれてあるかをよく読んで、タグを勉強して、それでもわからなければ再度質問するようにした方がいいですよ。
    • good
    • 0

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

この回答への補足

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

補足日時:2008/08/26 11:40
    • good
    • 0

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

    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!