转至繁体中文版     | 网站首页 | 图文教程 | 资源下载 | 站长博客 | 图片素材 | 武汉seo | 武汉网站优化 | 
最新公告:     敏韬网|教学资源学习资料永久免费分享站!  [mintao  2008年9月2日]        
您现在的位置: 学习笔记 >> 图文教程 >> 站长学院 >> 网页制作 >> 正文
让网页随机播放多首背景音乐的方法         ★★★★

让网页随机播放多首背景音乐的方法

作者:闵涛 文章来源:闵涛的学习笔记 点击数:902 更新时间:2009/6/9 2:30:33

  我们都曾经遇到过,打开某一个网站首页,会听到悦耳的背景音乐

  背景音乐在网页中的应用,可为打开网页的浏览者增添气氛、熏陶浏览者的情趣,同时有助于缓解上网的疲劳!

  那么,网页的背景音乐如何制作呢?

  很多时候,我们都是在网页中插入固定的背景音乐来实现的;但,这有一个致命的弱点,那就是,背景音乐单一,无论什么时候打开都是同一首,如果听得多了,也会让浏览者感觉厌倦!

  本文,介绍一种方法,可以让多首音乐随机在网页中播放,如此一来,不断更换新的背景音乐,不仅能增加网页修改背景音乐的灵活性,同时还给浏览者留下一个美好的印象!

  本文的方法是:①使用JS文件调用音乐!②音乐使用MID格式;

  请您遵循如下的方法即可实现!

  首先,准备好几首MID音乐,放到您的网站相应的目录中,如下图!

  注意哦,多首背景音乐的名称,最好使用1,2,3,4,5…等这样的数字序号来命名,这样才有助于随机调用!

  之后,我们来制作一个随机调用背景音乐的JS文件,首先打开记事本,如下图!

  如下图一般,输入上面的代码即可,注意拉,一个字母、一个字符都不能错,否则背景音乐就响不起来拉!

  之后,将上述的文件,保存成为JS文件,如下图!

  现在,都准备好了,下面我们在网页中调用这些背景音乐吧!

  如下面的代码,只要在网页的head区域中,加入如下代码即可!

  <script src="DataFiles/Java/BgMusic.js" type="text/jscript"></script>

  这样,网页就能自动随机播放不同的背景音乐了!

  为方便大家的学习,下面提供输入到记事本里面的JS代码:

  <!--
  var midino = Math.floor(Math.random()*6)+1
  var midins = ""+midino
  if(navigator.appName == "Microsoft Internet Explorer")
  {
   document.write('<BGSOUND SRC="DataFiles/BgMusic/')
   document.write(midins)
   document.write('.mid" LOOP=1>')
  }
  else{
   document.write('<EMBED SRC="DataFiles/BgMusic/')
   document.write(midins)
   document.write('.mid" AUTOSTART=True LOOP=1>')
  }
  //-->

  以上的代码,涉及到网站音乐文件的路径,如DataFiles/BgMusic/,请您自行修改!此外,还涉及到音乐文件的路径,涉及到的这些,请您自己修改!

  另外,上述代码的var midino = Math.floor(Math.random()*6)+1,其中的这个6,指的就是您有6首背景音乐,如果您的背景音乐只有5首,请将它改为5,其他的依此类推!

  本方法的一个特点就是,能随机播放多首音乐,同时,以后如果要增加背景音乐的数量或减少,不用修改网页,只需要将背景音乐增加、或删除目录里面的音乐文件即可!同时保证修改好JS文件的参数即可!

  如果您还不太明白,就打开本网站的首页吧,是不是听到悦耳的背景音乐了呢?


[C语言系列]c# _winform实现网页上用户自动登陆,模拟网站登录  [互联动态]网页防复制代码
[网页制作]网页自动跳转代码大集合[站长常用代码集合]  [网页制作]用IFRAME实现网页的内嵌和预载
[办公软件]如何通过网页打开PPT  [网络安全]如何阻止隐形于网页中的五大杀手
[网络安全]“网页病毒下载器”病毒摘要  [Web开发]如何在当前网页包含另外一个页面
[Web开发]NET下随机数(Random)的产生(应用)  [Web开发]js如何读取静态html网页文件的url参数
教程录入:mintao    责任编辑:mintao 
  • 上一篇教程:

  • 下一篇教程:
  • 【字体: 】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
      注:本站部分文章源于互联网,版权归原作者所有!如有侵权,请原作者与本站联系,本站将立即删除! 本站文章除特别注明外均可转载,但需注明出处! [MinTao学以致用网]
      网友评论:(只显示最新10条。评论内容只代表网友观点,与本站立场无关!)

    同类栏目
    · Web开发  · 网页制作
    · 平面设计  · 网站运营
    · 网站推广  · 搜索优化
    · 建站心得  · 站长故事
    · 互联动态
    更多内容
    热门推荐 更多内容
  • 没有教程
  • 赞助链接
    更多内容
    闵涛博文 更多关于武汉SEO的内容
    500 - 内部服务器错误。

    500 - 内部服务器错误。

    您查找的资源存在问题,因而无法显示。

    | 设为首页 |加入收藏 | 联系站长 | 友情链接 | 版权申明 | 广告服务
    MinTao学以致用网

    Copyright @ 2007-2012 敏韬网(敏而好学,文韬武略--MinTao.Net)(学习笔记) Inc All Rights Reserved.
    闵涛 投放广告、内容合作请Q我! E_mail:admin@mintao.net(欢迎提供学习资源)

    站长:MinTao ICP备案号:鄂ICP备11006601号-18

    闵涛站盟:医药大全-武穴网A打造BCD……
    咸宁网络警察报警平台