您的位置：首页 > 编程学习 > > 正文

js音乐脚本怎么做（js实现网页音乐播放器）

更多时间：2021-10-22 07:03:22 类别：编程学习浏览量：937

js音乐脚本怎么做

js实现网页音乐播放器

本文为大家分享了简单的html，音乐播放器制作代码，供大家参考，具体内容如下

首先第一步找图片资源音乐资源放入到img文件夹中

第二步对页面布局进行布置

第三步书写js代码

复制代码运行的时候需要将图片资源，音乐资源换个名称。

运行实现图片的切换，效果如图：

js音乐脚本怎么做（js实现网页音乐播放器）

代码如下：

希望各位喜欢！！！

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8" />
  <title></title>
  <style type="text/css">
  * {
   margin: 0;
   padding: 0;
  }
  body{
   background-color:#596653;
  }
     .yinyue {
   width: 300px;
   height: 300px;
   border: 1px solid aqua;
   margin:50px 500px;
  }
  
  
  .bofang  {
   width: 100px;
   height: 100px;
   background-color: aqua;
  }
  .muted ,.play,.prefer,.next{
   width: 60px;
   height: 30px;
   background-color: aquamarine;
   text-align: center;
   line-height: 30px;
  }
      #kongzhi ,#shangxia {
    margin: 10px 530px;
   }
   
  
  
  </style>
 </head>
 <body>
  
  <li id="content">
   <img class="yinyue" src="img/yinyue1.jpg" alt="js音乐脚本怎么做（js实现网页音乐播放器）" border="0" />

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持开心学习网。

标签：js 播放器

上一篇：阿里云mysql配置升级注意事项（详解如何在阿里云上安装mysql）

下一篇：mysql查询逗号分割字符串（MySQL 字符串拆分实例无分隔符的字符串截取）

您可能感兴趣

js音乐脚本怎么做（js实现网页音乐播放器）

js音乐脚本怎么做

热门推荐

排行榜