如何用jQuery仿蝦米音樂網完整源碼

　　如何用jQuery仿蝦米音樂網完整源碼？下面是由本站小編為大家整理的蝦米音樂網完整源碼跟大家分享，喜歡的可以收藏一下！瞭解更多詳情資訊，請關注應屆畢業生考試網！　　　　代碼展示：　　　　html　　　　<canvas style="width:1366px;height:700px;opacity:0;" width="1366" height="700" id="canvas">　　　　歌曲列表　　　　<ul class="songUL">　　　　<li class="songList">　　　　<div class="songLMain">　　　　<div class="check">　　　　<input class="checkIn" type="checkbox" select="0">　　　　</div>　　　　<div class="start">　　　　<em sonN="1">　　　　1　　　　</em>　　　　</div>　　　　<div class="songBd">　　　　<div class="col colsn">　　　　盛夏光年　　　　</div>　　　　<div class="col colcn">　　　　陳冰　　　　</div>　　　　<div class="col">　　　　好聲音第三季　　　　</div>　　　　</div>　　　　<div class="control">　　　　<a class="cicon love">　　　　</a>　　　　<a class="cicon more" style="display:none">　　　　</a>　　　　<a class="cicon dele" style="display:none">　　　　</a>　　　　</div>　　　　</div>　　　　</li>　　　　<li class="songList">　　　　<div class="songLmain">　　　　<div class="check">　　　　<input class="checkIn" type="checkbox" select="0">　　　　</div>　　　　<div class="start">　　　　<em sonN="2">　　　　2　　　　</em>　　　　</div>　　　　<div class="songBd">　　　　<div class="col colsn">　　　　漂洋過海來看你(Live)　　　　</div>　　　　<div class="col colcn">　　　　劉明湘　　　　</div>　　　　<div class="col">　　　　好聲音第三季　　　　</div>　　　　</div>　　　　<div class="control">　　　　<a class="cicon love">　　　　</a>　　　　<a class="cicon more">　　　　</a>　　　　<a class="cicon dele">　　　　</a>　　　　</div>　　　　</div>　　　　</li>　　　　</ul>　　　　引入jQuery和相關插件　　　　<link rel="stylesheet" type="text/css" href="css/">　　　　<link rel="stylesheet" type="text/css" href="css/">　　　　<script type="text/javascript" src="js/"></script>　　　　<script type="text/javascript" src="js/"></script>　　　　<script type="text/javascript" src="js/"></script>　　　　<script type="text/javascript" src="js/"></script>　　　　<script type="text/javascript" src="js/"></script>　　　　<script type="text/javascript" src="js/"></script>　　　　相關操作按鈕js代碼，請看js/　　　　/*歌曲列表效果*/　　　　$("List")r(function() {　　　　$(this)("")();　　　　$(this)("")();　　　　},　　　　function() {　　　　$(this)("")();　　　　$(this)("")();　　　　});　　　　/*自定義滾動條*/　　　　$("UL")bar({　　　　zIndex: 80　　　　});　　　　//$("#lyr")bar({zIndex:80});　　　　/*複選框*/　　　　$("kIn")k(function() {　　　　var s = $(this)("select");　　　　if (s == 0) {　　　　$(this)("background-position", "-37px -710px");　　　　$(this)("select", "1");　　　　};　　　　if (s == 1) {　　　　$(this)("background-position", "");　　　　$(this)("select", "0");　　　　};　　　　});　　　　$("kAll")k(function() {　　　　var s = $(this)("select");　　　　if (s == 0) {　　　　$(this)("background-position", "-37px -710px");　　　　$("kIn[select='0']")("background-position", "-37px -710px");　　　　$("kIn[select='0']")("select", "1");　　　　$(this)("select", "1");　　　　};　　　　if (s == 1) {　　　　$(this)("background-position", "");　　　　$("kIn[select='1']")("background-position", "");　　　　$("kIn[select='1']")("select", "0");　　　　$(this)("select", "0");　　　　};　　　　});