如何用jQuery仿虾米音乐网完整源码

来源：文书网 1.46W

　　如何用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");　　　　};　　　　});

音乐网源码 Jquery 虾米完整