事件代码 ·

QPlayer音乐播放器 一款超简洁的音乐播放器

QPlayer音乐播放器

先言:

  • 给网站加一个超好看的音乐播放器.

使用教程:

  • 将代码文件中的 .link 代码放入网站 <head></dead>之间.
  • 然后把 .body 代码放入 网站的 </body>标签之前.
  • 注意咯,如果不想下载文件,直接复制代码放入网站就行了!

效果预览:

QPlayer音乐播放器 一款超简洁的音乐播放器 事件代码 第1张

代码文件:

.link
<link rel="stylesheet" href="https://www.yunmge.com/ys/28/css/player.css">
.body
<div id="QPlayer">  
          <div id="pContent">
	         <div id="player">
	         	<span class="cover"></span>
	             	<div class="ctrl">
			<div class="musicTag marquee">
				<strong>Title</strong>
				 <span> - </span>
				<span class="artist">Artist</span>
			</div>
			<div class="progress">
				<div class="timer left">0:00</div>
				<div class="contr">
					<div class="rewind icon"></div>
					<div class="playback icon"></div>
					<div class="fastforward icon"></div>
				</div>
				<div class="right">
					<div class="liebiao icon"></div>
				</div>
			</div>
		</div>
	</div>
	 <div class="ssBtn">
	   <div class="adf"></div>
    </div>
</div>
    <ol class="playlist"></ol>
</div>
  <script src="https://www.yunmge.com/ys/28/js/jquery.min.js"></script>
  <script src="https://www.yunmge.com/ys/28/js/jquery.marquee.min.js"></script>
 <script src="https://www.yunmge.com/ys/28/js/player.js"></script>

演示站点:

小编推荐:

温馨提示:

本站资源全部来源于网络!若有侵权请发送相关内容至ymg@yunmge.com邮箱反馈,欢迎大家发邮箱留言想要的作品,我们会在往后的日子里进行更新!

相关下载

点击下载