mgtv - 素材

当前位置:Gxlcms > 播放器 > jQuery音乐网站mp3播放器代码

jQuery音乐网站mp3播放器代码

时间:2021-07-01 10:21:17 帮助过:0人阅读

jQuery音乐网站mp3播放器代码 jQuery音乐网站mp3播放器代码是一款带收藏,下载,分享等功能的在线播放器样式代码。
<head>
<meta charset="utf-8" />
<title>jQuery音乐网站mp3播放器代码 - mgtv素材</title>

<link rel="stylesheet" type="text/css" href="css/m-details.css" />
<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css">

</head>
<body>

<div class="m-content">
	<!--播放器-->
	<div class="m-player">
		<div class="m-player-details">
			<div class="m-title">mgtv素材sc.chinaz.com </div>
			<!--效果html开始-->
			<div id="player">
				<div class="ctrl">
					<div class="control">
						<div class="left lefticon">
							<div class="playback icon"></div>
							<a href="#" class="img"></a>
						</div>
						<div class="timer">0:00</div>
						<div class="progress">
							<div class="slider">
								<div class="loaded"></div>
								<div class="pace"></div>
							</div>
						</div>

						<div class="volume right">
							<div class="mute icon left"></div>
							<div class="slider left">
							   <div class="pace"></div>
							</div>
						</div>
					</div>

				</div>
			</div>
			<!--歌曲详细内容-->
			<div class="m-song-details">
				<div class="m-singer">歌手:<span>Consoul Trainin</span></div>
				<div class="m-language">语言:<span>英语</span></div>
				<div class="m-album">所属专辑:<span>Take Me to Infinity</span></div>
				<div class="m-time">发行时间:<span>2016-07-15</span></div>
			</div>
			<div class="download">
				<ul>
					<li class="collection"><a href="#">收藏</a></li>
					<li class="shared"><div class="bdsharebuttonbox">
							<a href="#" class="share bds_more" data-cmd="more">分享</a> 
						</div></li>
				</ul>
			</div>
		</div>
	</div>
</div>

<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.17.custom.min.js"></script>
<script type="text/javascript" src="js/m-details.js"></script>
<!-- 百度分享js -->
<script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"1","bdMiniList":["qzone","tsina","weixin","tqq"],"bdPic":"","bdStyle":"0","bdSize":"16"},"share":{}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script>	


</body>