藍色的html5手機音樂播放器代碼下載



78 311 104



特效描述:藍色 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.cqetom.live/" 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

加群請備注:從官網了解到

老夫子电子