零星网络

技术&资讯
网站超市

需要前后台演示请留言,或QQ:150623477联系站长。

本成品是基于ASP+Access开发的网站内容管理系统,提供了简介类模块,新闻类模块,产品类模块,图片类模块,下载类模块
· 适用性:充分考虑公司企业的实际需要,确保功能上较强的实用性。
· 易用性:用户界面简洁、美观、友好,易于用户操作和使用,操作人员只需简单学习即可掌握。
· 安全性:安全可靠的权限划分,既考虑信息的共享,又注意信息的保护与隔离。

JQUERY 您的当前位置:首页 > 技术&资讯 > JQUERY

jquery控制背景音乐开关与自动播放提示音的方法

发布时间:2018-03-09  浏览次数:  分享到:

本文实例讲述了jquery控制背景音乐开关与自动播放提示音的方法。分享给大家供大家参考。具体如下:
很多人初学网页制作时在网页中加入一段背景音乐,听到音乐响起的那一刻往往都会有一丝的成就感。
这里就为大家讲解如何使用js控制背景音乐播放与停止。具体如下:
一、jquery控制背景音乐开关

XML/HTML Code复制代码
  1.     <script src="js/jquery.min.js">script>  
  2.     <script type="text/javascript">  
  3.         //加载背景音乐,并自动播放   
  4.         $('#bg_music').append('<embed id="m_bg_music"  loop=true  volume="60" autostart=true hidden=true src="guoan.mp3" />');   
  5.         $('#bg_music_btn').click(function(){   
  6.             var state = $('#bg_music_btn').attr('state');   
  7.             if(state == '1')//   
  8.             {   
  9.                 $('#bg_music_btn').attr('state','0');   
  10.                 $('#bg_music_btn').html('打开背景音乐');   
  11.                 $('#m_bg_music').remove();   
  12.             }else if(state == '0')   
  13.             {   
  14.                 $('#bg_music_btn').attr('state','1');   
  15.                 $('#m_bg_music').remove();   
  16.                 $('#bg_music_btn').html('关闭背景音乐');   
  17.                 $('#bg_music').append('<embed id="m_bg_music"  loop=true  volume="60" autostart=true hidden=true src="guoan.mp3" />');   
  18.             }   
  19.         });   
  20.     script>  
  21.   
  22. <div id="bg_music_btn" state='1'>关闭背景音乐div>  
  23.   
  24. <div id="bg_music">div>

相关评论

    评论加载中...
    评论者:     验证码:
        

首页|网站超市|业界|营销|优化|HTML|JS|JQUERY|DIV+CSS|编程|运营|设计排版|创业|访谈

Copyright © 2006-2015 Power by 零星设计. 联系QQ:150623477
合作共赢、快速高效、优质的网站建设提供商

  • ●在线咨询点击这里给我发消息
  • ●在线咨询点击这里给我发消息
  • ●在线咨询点击这里给我发消息
  • 业务电话正在通话中…
  • 09:00AM-22:00PM
  • 高效优质的网站建设提供商
  • 加入收藏