蓝色的html5手机音乐播放器代码下载



74 294 99



特效描述:蓝色 html5 手机音乐播放器,蓝色的音乐播放器支持歌曲列表播放的html5手机音乐播放器代码下载

代码结构

1. 引入CSS

<link rel="stylesheet" href="css/index.css" />

2. 引入JS

<script type="text/javascript" src="js/jqmobi.js"></script>
<script type="text/javascript" src="js/all.js"></script>

3. HTML代码

	<header>
		<h2 class="h_logo"><a href="http://www.51qianduan.com/" target="_blank"><img src="images/logo.png" /></a></h2>
	</header>
	<section id="menu">
		<ul class="menu_tagList">
			<li id="newSong" class="menu_hover">新歌</li>
			<li id="songCharts">排行</li>
			<li id="singer">歌手</li>
			<li id="radioStation">电台</li>
		</ul>
	</section>
	<section id="content">		
	</section>	
	<section id="playwrap">
		<div id="playContent">
			<div >
				<audio  id="myMusic"></audio>
			</div>
			<div onClick="myControl.selectTime(event)" id="progressWrap">
				<div id="progress"></div>
			</div>
			<div class="img">
				<img id="singerHead" src="data/ywaq.jpg">
			</div>
			<div class="info">
				<div class="songname clearfix">
					<label id="musicTitle" for="musicTitle">最深的蓝出品</label>
					<label style="display: none;" id="songname" for="songname" style="color: rgb(204, 0, 0);">此手机不支持html5播放,扔了吧</label>
					<label id="timeshow" for="time"><span id="currentTime">00:00</span>/<span id="totleTime">00:00</span></label>
				</div>
				<div class="audioControl">
					<a id="prevButton" class="last" onClick="myControl.prev()" href="javascript:;"></a>
					<a id="playButton" class="play" onClick="myControl.mainControl()" href="javascript:;"></a>
					<a id="nextButton" class="next" onClick="myControl.next()" href="javascript:;"></a>
					<a id="modeButton" class="mode-default" onClick="myControl.selectMode()" href="javascript:;"></a>
					<a class="border"></a>
					<a id="playDetail" class="showDetail" href="javascript:;"></a>
				</div>
			</div>
		</div>
	</section>
	<div style="display:none;" id="oWindow">dfsdfsdfdsf</div>



用户评论
大牛,别默默的看了,快登录帮我点评一下吧!:)      登录 | 注册


热门标签: 滚动切换 滚动条切换 滑动选项卡 滑动切换 选项卡切换 选项卡 切换 tab切换 页面切换 选项卡插件 切换插件 滑动手风琴 滑动星星打分 其他 选项卡自动切换 播放器

×
×

注册

官方QQ群

扫描上面二维码加微信群

官方QQ群

jQuery/js讨论群
群号:642649996
Css3+Html5讨论群
群号:322131262

加群请备注:从官网了解到