entrance>top page>PC Tips>ホームページのBGMを任意に切り替える
ホームページのBGMを任意に切り替える

ホームページのBGMを見ている側が任意に切りかえれるように
するのに、最も簡単な方法は、それぞれのBGMのついたページを別々に生成することです。
しかし、それではたくさんのBGMを作るとかなり容量的にもったいないことになります。
そこで、JavaScriptを用いて、ボタンなどで簡単にBGMを切りかえれる方法を使います。

方法はレイヤーを使います。
簡単に言うと、ページ内のHTMLの一部分を書き換えるのです。
ソースを見てもらうと、「NNレイヤー内に表示される内容」とか「IEレイヤー内に表示される内容」
などとあります。
そして下のほうには、「<DIV id="layer1">ここが書き換わります</div>」と言う部分があります。
つまり、<div>タグで挟まれた部分が、レイヤーに表示される内容に書き換わるわけです。
ここで書き換える文字列を見ると<BGSOUND>や<EMBED>タグがあります。
すなわち、書き換えるたびにBGMの指定部分が書き換わるのです。

ちなみに、「超絶 瓦割り高飛び込み」では
この技を応用しています。

停止 1 2 3

ここが書き換わります

戻る