html5实现摇一摇添加音效功能

前几天发了 html5实现摇一摇切换背景图 的功能，得到了很多朋友的祝福，在这里谢谢各位。
功能做的还是有很多缺陷的，比如摇一摇是有一个音效的，这个倒是简单，html5提供了新的媒体api：audio 。刚好可以玩下。

摇一摇添加音效：

在事件中添加下面代码即可：

media.setAttribute("src","yaoyiyao.mp3");  
media.load();  
media.play();  

 <audio style="display:hide" id="musicBox" preload="metadata"  controls  
 src="yaoyiyao.mp3"  
        autoplay="false"  
     >  
 </audio>   

web开发分享