注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

一车,一房,一个温暖家

10万左右的车,80平方的房子,这是我奋斗的暖暖的家

 
 
 

日志

 
 

引用 jQuery 控制开关   

2015-06-22 06:25:33|  分类: 默认分类 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
本文转载自灵★感《jQuery 控制开关》
JS Code
<script src="Js/jQuery.min.js" type="text/javascript"></script>
<script type="text/javascript">
    //页面初始化,加载jQuery Function   
$(function(){
   //加载背景音乐,并自动播放
        $('#bg_music').append('<bgsound id="m_bg_music" src="Content/bgmusic.mp3" loop="-1"></bgsound>');
        //控制音乐按钮
$('#bg_music_btn').click(function(){
            var state = $('#bg_music_btn').attr('state');
//停止
            if(state == '1'){
$('#bg_music_btn').attr({state:0,src:'Images/start.png',title:'Open Music'});
                $('#m_bg_music').attr('src','');
            }
//播放 
else if(state == '0'){
$('#bg_music_btn').attr({state:1,src:'Images/stop.png',title:'Close Music'});
                $('#m_bg_music').attr('src','Content/bgmusic.mp3');
            }
        })
//控制开关按钮
$('#bg_color_btn').click(function(){
  var state = $('#bg_color_btn').attr('state');
  //关灯
  if(state == '1'){
      $('#bg_color_btn').attr({state:0,src:'Images/on.png',title:'Turn on the lights'});
      $('#bg_color').attr('bgcolor','#000000');
  }
  //开灯
  else if(state == '0'){
      $('#bg_color_btn').attr({state:1,src:'Images/off.png',title:'Turn off the lights'});
    $('#bg_color').attr('bgcolor','#ffffff');
  }
})
 })
</script>

HTML Code
<body id="bg_color" bgcolor="#ffffff">
<!--控制播放-->
<img src="Images/stop.png" id="bg_music_btn" state='1' title="Close Music" style="cursor:pointer;">
<!--背景音乐-->
<div id="bg_music"></div>
<!--控制开关-->
<img src="Images/off.png" id="bg_color_btn" state='1' title="Turn off the lights" style="cursor:pointer;">
</body>
  评论这张
 
阅读(8)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018