HTML学习(一)

HTML学习(一)

HTML 标签

 

一.用bgsound和js实现音乐的点击播放和取消的简易版

1.  设置初始的bgsound为

<bgsound id="mp3" loop="-1"src="">

2.  用js写一个简易的函数改变bgsound,传入的为音乐地址

  <scripttype="text/javascript">

       functionplay(s){

                   varss=document.getElementById('mp3').src;

                   //window.confirm(ss);

                   if(ss==s){

                            document.getElementById('mp3').setAttribute('src',"");

                   }

                   else{

                            document.getElementById('mp3').setAttribute('src',s);

                   }

         }

  </script>

3.  写一个鼠标单击事件onclick,传入音乐地址
οnclick="play('1.mp3')"

4.  之后就只要自身需要组合就行

PS:由于bgsound的局限性(仅IE提供),所以此方法简单,却仅支持IE


示例:

<!DOCTYPE html>

<html >

<head>

<metahttp-equiv="Content-Type" content="text/html;charset=gb2312" />

</head>

 

<body>

<input type="button"value="播放1" οnclick="play('1.mp3')">

<input type="button"value="播放2" οnclick="play('2.mp3')">

<input type="button"value="播放3" οnclick="play('3.mp3')">

<bgsound id="mp3" loop="-1"src="">

 

 <script type="text/javascript">

       function play(s){

                   varss=document.getElementById('mp3').src;

                   window.confirm(ss);

                   if(ss==s){

                            document.getElementById('mp3').setAttribute('src',"");

                   }

                   else{

                            document.getElementById('mp3').setAttribute('src',s);

                   }

         }

 </script>

</body>

</html>


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值