<!DOCTYPE html>
<html>
<head>
<title>歌单-e路音乐</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="jquery.mobile-1.3.2.min.css" />
<script src="jquery-1.9.1.min.js"></script>
<script src="jquery.mobile-1.3.2.min.js"></script>
<link rel="stylesheet" href="style/ttpod_index.css"/>
<script>
$(function() {
$('.FPlayBtn').click(function() {
playBtn();
});
$(".forwardBtn").bind("click",function(){
$(".playing").next("li").addClass("playing");
$(".playing").first().removeClass("playing");
var nextSrc=$(".playing").find(".playLine").attr('data-src');
$('.player_audio').attr("src",nextSrc);
playBtn();
});
$(".backBtn").bind("click",function(){
$(".playing").prev("li").addClass("playing");
$(".playing").last().removeClass("playing");
var prevSrc=$(".playing").find(".playLine").attr('data-src');
alert($(".playing").find(".playLine").attr('data-src'));
$('.player_audio').attr("src",prevSrc);
playBtn();
});
$('.playLine').click(function() {
var mp3Url=$(this).attr('data-src');
$('.player_audio').attr("src",mp3Url);
playBtn();
//alert($('.player_audio')[0].paused);
var songTitle=$(this).closest("li").find("h2").text();
$(".songName").text(songTitle);
});
});
function playBtn(){
if ($('.player_audio')[0].paused == false) {
$('.player_audio')[0].pause();
$('.FPlayBtn').attr("src","images/FPlayBtn.png");
} else {
$('.player_audio')[0].play();
$('.FPlayBtn').attr("src","images/FpauseBtn.png");
}
}
</script>
</head>
<body>
<div data-role="page">
<div data-role="header" class="ttpod_header" data-position="fixed" data-id="header"><a href="#" data-role="none"><img src="images/tticon.png"></a>
<h1>e路音乐</h1>
<a href="#" data-role="button" class="downloadBtn">下载手机e路音乐</a>
<!--导航-->
<div data-role="navbar" data-iconpos="top">
<ul>
<li class="navLi activeLiBtn"> <a href="index.html" data-transition="slide" data-theme="" data-prefetch="true" data-icon="" class="navBtn" data-ajax="false"> 广场 </a> </li>
<li class="navLi"> <a href="tt_songlist.html" data-transition="slide" data-prefetch="true" data-theme="" data-icon="" class="navBtn" data-ajax="false"> 歌单 </a> </li>
<li class="navLi"> <a href="top10.html" data-transition="fade" data-theme="" data-icon="" class="navBtn" data-ajax="false"> 排行 </a> </li>
<li class="navLi"> <a href="tt_singer.html" data-transition="fade" data-theme="" data-icon="" class="navBtn" data-ajax="false"> 歌手 </a> </li>
</ul>
</div>
<!--导航-->
</div>
<!-- /header -->
<div data-role="content">
<ul data-role="listview" data-split-icon="ttopd-playBtn" data-split-theme="d" class="musicGrouondList">
<li class="playing"><a href="tt_music.html" data-ajax="false" class="musicGrouondListFa">
<div class="countFirst">01</div>
<div class="singInfo">
<h2>冷酷到底</h2>
<p><span class="singer">羽泉</span><span class="favorCount">5597</span></p>
</div>
</a> <a href="#purchase" data-rel="popup" data-position-to="window" data-transition="pop" class="playLine" data-src="mp3/lkdd.mp3"></a> </li>
<li><a href="tt_music.html" data-ajax="false" class="musicGrouondListFa">
<div class="countSec">02</div>
<div class="singInfo">
<h2>海阔天空</h2>
<p><span class="singer">信乐团</span><span class="favorCount">5597</span></p>
</div>
</a> <a href="#purchase" data-rel="popup" data-position-to="window" data-transition="pop" class="playLine" data-src="mp3/jr.mp3"></a> </li>
<li><a href="tt_music.html" data-ajax="false" class="musicGrouondListFa" >
<div class="countSec">02</div>
<div class="singInfo">
<h2>海阔天空</h2>
<p><span class="singer">信乐团</span><span class="favorCount">5597</span></p>
</div>
</a> <a href="#purchase" data-rel="popup" data-position-to="window" data-transition="pop" class="playLine" data-src="mp3/hktk.mp3"></a> </li>
<li><a href="tt_music.html" data-ajax="false">
<div class="countThird">03</div>
<div class="singInfo">
<h2>囚鸟</h2>
<p><span class="singer">张宇</span><span class="favorCount">2918</span></p>
</div>
</a> <a href="#purchase" data-rel="popup" data-position-to="window" data-transition="pop">Purchase album</a> </li>
<li><a href="tt_music.html" data-ajax="false">
<div class="countDefault">04</div>
<div class="singInfo">
<h2>灰色河堤</h2>
<p><span class="singer">唐禹哲</span><span class="favorCount">2115</span></p>
</div>
</a> <a href="#purchase" data-rel="popup" data-position-to="window" data-transition="pop">Purchase album</a> </li>
<li><a href="tt_music.html" data-ajax="false">
<div class="countDefault">05</div>
<div class="singInfo">
<h2>囚鸟</h2>
<p><span class="singer">张宇</span><span class="favorCount">2918</span></p>
</div>
</a> <a href="#purchase" data-rel="popup" data-position-to="window" data-transition="pop">Purchase album</a> </li>
<li><a href="tt_music.html" data-ajax="false">
<div class="countDefault">06</div>
<div class="singInfo">
<h2>囚鸟</h2>
<p><span class="singer">张宇</span><span class="favorCount">2918</span></p>
</div>
</a> <a href="#purchase" data-rel="popup" data-position-to="window" data-transition="pop">Purchase album</a> </li>
<li><a href="tt_music.html" data-ajax="false">
<div class="countDefault">06</div>
<div class="singInfo">
<h2>囚鸟</h2>
<p><span class="singer">张宇</span><span class="favorCount">2918</span></p>
</div>
</a> <a href="#purchase" data-rel="popup" data-position-to="window" data-transition="pop">Purchase album</a> </li>
<li><a href="tt_music.html" data-ajax="false">
<div class="countDefault">06</div>
<div class="singInfo">
<h2>囚鸟</h2>
<p><span class="singer">张宇</span><span class="favorCount">2918</span></p>
</div>
</a> <a href="#purchase" data-rel="popup" data-position-to="window" data-transition="pop">Purchase album</a> </li>
<li><a href="tt_music.html" data-ajax="false">
<div class="countDefault">06</div>
<div class="singInfo">
<h2>囚鸟</h2>
<p><span class="singer">张宇</span><span class="favorCount">2918</span></p>
</div>
</a> <a href="#purchase" data-rel="popup" data-position-to="window" data-transition="pop">Purchase album</a> </li>
<li><a href="tt_music.html" data-ajax="false">
<div class="countDefault">06</div>
<div class="singInfo">
<h2>囚鸟</h2>
<p><span class="singer">张宇</span><span class="favorCount">2918</span></p>
</div>
</a> <a href="#purchase" data-rel="popup" data-position-to="window" data-transition="pop">Purchase album</a> </li>
<li><a href="tt_music.html" data-ajax="false">
<div class="countDefault">06</div>
<div class="singInfo">
<h2>囚鸟</h2>
<p><span class="singer">张宇</span><span class="favorCount">2918</span></p>
</div>
</a> <a href="#purchase" data-rel="popup" data-position-to="window" data-transition="pop">Purchase album</a> </li>
<li><a href="tt_music.html" data-ajax="false">
<div class="countDefault">06</div>
<div class="singInfo">
ttpod.rar （50个子文件） 
ttpod ttpod 
tt_singer.html 3KB
jquery.mobile-1.3.2.min.js 142KB jquery-1.9.1.min.js 90KB mp3 top10.html 3KB jquery.mobile-1.3.2.min.css 92KB singleTop.html 5KB tt_music.html 4KB images 
FPlayBtn.png 2KB who.png 10KB top5.png 12KB jay.png 9KB hhot.png 4KB ww.png 34KB thumb.png 7KB voicechina.png 30KB hot.png 21KB icons-18-white.png 5KB backarrow.png 1KB top4.png 12KB sss.png 43KB thumb3.png 10KB forwardBtn.png 2KB icons-36-black.png 4KB s.png 6KB singer.png 44KB FpauseBtn.png 2KB jayB.png 38KB top2.png 11KB thumb2.png 9KB cover.png 6KB top1.png 10KB topPoster.png 36KB icons-36-white.png 12KB heart.png 2KB backBtn.png 2KB top3.png 7KB tticon.png 3KB playBtn.png 5KB zhangyu.png 18KB cyx.png 8KB top6.png 7KB icons-18-black.png 2KB dddd.png 28KB songListBan.png 172KB tt_songlist.html 5KB topic.html 5KB index.html 11KB style tt_songlist.css 5KB top10.css 5KB ttpod_index.css 6KB
评论0