当前位置导航:炫浪网>>网络学院>>网页制作>>HTML与CSS教程

在主页中制作连续的背景音乐

  很多网友喜欢在主页中加上一段悦耳动听的背景音乐,确实给主页增辉不少,也给浏览者留下了深刻的印象。但是一旦点击某个超级链接,进入网站中更深层次的网页时,在主页中设置的背景音乐就会中断,直到返回到主页时,刚才中断的音乐才又从头开始。这样就破坏了主页背景音乐的连续性,让人感到不舒服。

  笔者在制作主页时采用了主页分帧的方法来保持背景音乐的连续不断,效果很好,现介绍如下,供制作个人主页的朋友们参考:

  首先使用标签 〈frameset〉〈frame...〉〈frame...〉〈frameset〉 将主页 (index.html)屏幕分成上下两个帧,为了不破坏页面布局,将上帧的高度设为 0;然后,在主页上帧放置的超文本文件(back_music.htm)中设置网站的背景音乐,最好不要设置播放界面;最后,在主页的下帧放置网站主页的主要内容(main.htm)。

  这样一来,主页下帧的页面就成为主页实际的活动页面,上帧的页面在访问者的整个浏览过程中始终保持静止不动,设置的背景音乐也就不会中断了。

  根据以上的说明,笔者提供的一个简化的实例如下(读者也可参考笔者建设的网站http://www.ntax.com.cn 的背景音乐效果):

  主页文件 index.html:
 

  html〉

  〈head〉〈title〉连续不断的背景音乐〈/title〉〈/head〉

  〈frameset frameborder="0" rows="0,*"〉

  〈frame src="back_music.htm" scrolling="no" noresize frameborder="0"〉

  〈frame src="main.htm" frameborder="0"〉

  〈noframes〉

  〈body〉

  〈p〉please browse the web pages with browser that supperts frames. 〈/p〉

  〈/body〉

  〈/noframes〉

  〈/frameset〉

  〈/html〉

  上帧文件 back_music.htm(背景音乐为当前目录下的liang_zhu.mid,只播放一次):

  〈html〉

  〈head〉〈title〉〈/title〉〈/head〉

  〈body〉

  〈!-背景音乐:--〉

  〈embed src="./liang_zhu.mid" hidden="true" autostart="true" loop="0"〉

  〈/body〉

  〈/html〉

  由于目前流行的浏览器(如ie、netscape等)大都支持屏幕分帧技术,所以采用屏幕分帧技术来保持背景音乐的连续具有一般的通用性。本方法在ie系列和netscapecommunicator 4.03 等浏览器版本中均使用正常。

  当然,如果您制做的主页本来就采用了分帧技术,那就再好不过了,只要把设置背景音乐的语句放在静止的帧中,一切就都搞定了。

相关内容
赞助商链接