• ベストアンサー

リンクされている文字から出る音について

リンクされている文字や画像にポインタが触れると下に線がついて色が変わったりしますが、それプラス『プリッ』という小さな音が聞こえるサイトがよくあります。 試してみたいのですが、その方法がわかりません。あれもJavaScritpというものでしょうか? 下に線がついたり色が変わったりするのはロールオーバーだとわかったのですが、あの『プリッ』という音を出す方法を教えてください。お願いします。

  • HTML
  • 回答数1
  • ありがとう数1

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

  • ベストアンサー
noname#56882
noname#56882
回答No.1

JavaScriptでも出来るようですが、安全性を考えるとあまり現実的ではないかもしれません。 よく使用されているのは「Flash」でリンクメニューを作って音を出すようにしています。 例えばKei Laboratoryさんの例がわかりやすいと思います。 http://kei.serio.jp/flash/sozai/general2/SingleButton.html 「□表示サンプル(ソースを見て研究してください)」の下にあるメニュー部分で オンマウスにすると画像が変わって音が出ます。 Flash素材サイトさんからお借りする、という方法が一番手っ取り早いと思いますよ。

placeplace
質問者

お礼

教えていただいたサイトを見て勉強してなんとなくわかりました。ありがとうございました。

関連するQ&A

  • ホームページビルダー9でロールオーバー(文字)を行う方法

    こんにちは。 質問がありまして、投稿させて頂きます。 ホームページにリンク先を記載し、その記載した文字列の上にマウスがポインタされた場合色が変わるようにしたいです。 ロールオーバーですと、確かに出来るのですが画像に限られているようで、文字の色を変える方法を探しています。 画像として作ると出来るという一案もありますが、出来ればアップロードする際のデーターを少しでも減らしたいという考えもあり、避けたいと考えております。 文字をマウスでポインタした場合、色を変えられる方法として、ロールオーバー以外の方法等、案があれば是非教えて頂けないでしょうか? どうぞ宜しくお願い致します。

  • 文字のロールオーバ効果見たいというか文字が動く効果をかけたい。

    文字のロールオーバ効果見たいというか文字が動く効果をかけたい。 あるホームページ、ある、金持ち兄さんというサイトですが、 メニューの文字にカーソルを当てると文字が少し下に動き逆にカーソルを 文字からはなすと、元の位置に戻ります。 このような、効果は、どうやってできるのでしょうか? ちなみに、、下のアドレスが、文字に効果がかかっているアドレスです。 http://rich-navi.com/ ちなみに、このサイトは、ホームページビルダで作られているそうです。 私も、ビルダーを持っているので、IBMのカスタマに電話で聞いた見たのですが 文字を画像化してないと、そのような、揺れるロールオーバ効果をだせないそうですが でも、私の見る限りあきらかに、メニューは、文字テキストで、マウスのカーソルをあてると、動き また、クリックすると、リンクの色も一度クリックしたあかしとして色が青から紫色の、変わります。 文字が画像だったら、メニューのテキストリンクの色は、変わらないと思います。 ということで、文字に揺れる効果見たいのを私もかけたいのですけど その方法を、教えてくださいよろしくお願いします。

  • 文字のロールオーバーについて教えてください。

    HPを作製しているのですが、リンクを張った文字にロールオーバーをつけたくて、スタイルシートで、やってみたのですが、そうすると画像を張ったリンクにマウスを持ってきても周りの色が四角に、指定した色に変わってしまいます。(画像は、楕円形のボタンです) 文字のみロールオーバーをつけたい場合はどうしたらいいのか教えてください。

    • ベストアンサー
    • HTML
  • javascriptでリンクとロールオーバー

    少し、質問させてください。  今、javascriptを使って、ロールオーバーする枠画像(リンク付)を作りました。 その枠画像の中にリンク(文字)を入れ、リンク文字にカーソルを合わせると ロールオーバー処理後の枠画像に切り替わるようにしたいのですが そういったことは可能でしょうか?  ちなみに色々サイトを調べてみたところ、そのような場合 初めから、枠画像の中に文字を入れてロールオーバー させていました。  私はそうではなしに、上記の方法でやりたいと思っているのですが、 お力を貸してください。

  • ボタンを押すと音が鳴ってリンクへ飛ばせる様にするには?

    ジャバスクリプトでは出来ないかも知れないのですが、 ある画像のボタンを一つ作り、マウスオーバーの状態で効果音「ポン」とかの短い音が鳴って・しかもそのボタンの色が変化し(別の画像に差し替え)、マウスダウンの状態で他のリンクページに飛ぶ・・と言った事をするにはどうしたら良いでしょうか?

  • HTMLでリンクが貼ってある文字の下線を消したい

    現在、HTML言語を使用して楽天ショップのwebページを作成しています。 ある文字にリンクを貼ると文字の下に線が出ます。(みなさんも同様だと思いますが) 私がやりたいことは、HTML言語で下線を表示せずにマウスポインタがのった時だけ線を表示したいと思っています。 調べたところCSSなら簡単にできそうなのですが、やはりHTMLだとできないのでしょうか?教えてください。

    • ベストアンサー
    • HTML
  • リンク

    毎度お世話になってます。 リンクをはる時の件なんですけどリンクを貼ると普通ブルーの文字で文字の下に線がつきますが、文字の上下に線を入れるのは、どうするのでしょうか? また、上下に線をいれて文字の背景の色を変えることもできるのですか? 宜しくお願い致します。

  • 動くボタンでリンク

    FLASH MXです。 マウスポインタがオーバーすると色が変わるボタンをつくりました。 そのボタンをムービークリップとして、動きをつけました。 それをスクリーン上に配置して、リンクをはったのですが、 するとマウスポインタを置いても色がかわらなくなってしまいました。 どうしてなんでしょうか。おしえてください。 前の質問にあった、リンクで、透明ボタンの方法を試しましたが、うまくいきませんでした。

    • ベストアンサー
    • Flash
  • リンクについて

    文字にリンクをはりたいとき、 <A href="aaa.htm">ABC</a> というような感じになりますよね。 そうすると、「ABC」の下に線が引かれますよね。 この線を無くす事ってできるんでしょうか?? 文字を画像にすれば、できることはわかっているんですが、 できるのであれば、画像は使いたくないんです…。

    • ベストアンサー
    • HTML
  • 文字とリンク線の間隔について

    「Night Menu」という文字にリンクをはりました。文字の下にはリンクを示すラインが引かれます。 このラインと文字との間隔について質問があります。 IE6、IE8、IE9と、「g」の文字の下にラインが少しかぶる感じなのですが、IE7だけがしっかりすき間ができています。 borderで代用するのではなく、IE7の見た目のように、「g」や「y」などの場合、文字にのることなくリンクの線を表示させる方法はありますか。

    • ベストアンサー
    • CSS

専門家に質問してみよう