首页 > Web开发 > 详细

HTML页面背景音乐控制

时间:2014-04-14 15:58:47      阅读:588      评论:0      收藏:0      [点我收藏+]
//兼容ie,chrome,safari.

<object  id="AudioID" type="application/x-mplayer2" data="images/sound.mp3" style=" display:none;">
           <param name="src" value="images/sound.mp3">
           <param name="autostart" value="true"/>
           <param name="controller" value="false"/>
           <param name="volume" value="100"/>
           <param name="loop" value="true"/>
           <param name="playcount" value="99"/>
           <param name="showaudio controls" value="1"/>
           <param name="mute" value="true" />
           <param name="uiMode" value="invisiblei" />  </object> 
           <img id="Off" src="images/Music_01.gif" value="静音" onclick="MenuOff()" style="cursor:pointer">
           <img id="On" src="images/Music_02.gif" value="撤消静音"  style="display:none;cursor:pointer" onclick="MenuOn()">

  

<script>
function MenuOff(){
      $("#On").css("display","block");
      $("#Off").css("display","none");
      $("#AudioID").attr("mute","true")
  }
function MenuOn(){
      $("#On").css("display","none");
      $("#Off").css("display","block");
      $("#AudioID").attr("mute","false")
}
</script>

HTML页面背景音乐控制,布布扣,bubuko.com

HTML页面背景音乐控制

原文:http://www.cnblogs.com/ybtools/p/3663789.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!