欢迎来到天天文库
浏览记录
ID:9085275
大小:35.00 KB
页数:2页
时间:2018-04-17
《让网页随机播放多首背景音乐的方法》由会员上传分享,免费在线阅读,更多相关内容在应用文档-天天文库。
1、让网页随机播放多首背景音乐的方法我们都曾经遇到过,打开某一个网站首页,会听到悦耳的背景音乐! 背景音乐在网页中的应用,可为打开网页的浏览者增添气氛、熏陶浏览者的情趣,同时有助于缓解上网的疲劳! 那么,网页的背景音乐如何制作呢? 很多时候,我们都是在网页中插入固定的背景音乐来实现的;但,这有一个致命的弱点,那就是,背景音乐单一,无论什么时候打开都是同一首,如果听得多了,也会让浏览者感觉厌倦! 本文,介绍一种方法,可以让多首音乐随机在网页中播放,如此一来,不断更换新的背景音乐,不仅能增加网页修改背景音乐的灵活性,同时还给浏览者留下一个美好的印象! 本文的方法是:①使用JS文
2、件调用音乐!②音乐使用MID格式; 请您遵循如下的方法即可实现! 首先,准备好几首MID音乐,放到您的网站相应的目录中,如下图! 注意哦,多首背景音乐的名称,最好使用1,2,3,4,5…等这样的数字序号来命名,这样才有助于随机调用! 之后,我们来制作一个随机调用背景音乐的JS文件,首先打开记事本,如下图! 如下图一般,输入上面的代码即可,注意拉,一个字母、一个字符都不能错,否则背景音乐就响不起来拉! 之后,将上述的文件,保存成为JS文件,如下图! 现在,都准备好了,下面我们在网页中调用这些背景音乐吧! 如下面的代码,只要在网页的head区域中,加入如下代码即可!
3、 这样,网页就能自动随机播放不同的背景音乐了! 为方便大家的学习,下面提供输入到记事本里面的JS代码: 以上的代码,涉及到网站音乐文件的路径,如DataFiles/BgMusic/,请您自行修改!此外,还涉及到音乐文件的路径,涉及到的这些,请您自己修改! 另外,上述代码的var
5、midino=Math.floor(Math.random()*6)+1,其中的这个6,指的就是您有6首背景音乐,如果您的背景音乐只有5首,请将它改为5,其他的依此类推! 本方法的一个特点就是,能随机播放多首音乐,同时,以后如果要增加背景音乐的数量或减少,不用修改网页,只需要将背景音乐增加、或删除目录里面的音乐文件即可!同时保证修改好JS文件的参数即可! 如果您还不太明白,就打开本网站的首页吧,是不是听到悦耳的背景音乐了呢?
此文档下载收益归作者所有