iotcat
/
YimianMsc
mirror of https://github.com/IoTcat/YimianMsc.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
4 Commits
1 Branch
0 Tags
462 KiB
 
 
 
Tag: Branch: Tree: master
Branches Tags
${ item.name }
Create tag ${ searchTerm }
Create branch ${ searchTerm }
from 'master'
${ noResults }
YimianMsc/index.html

844 lines
41 KiB
Raw Permalink Blame History

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>优卡音乐</title>
<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
<meta name="keywords" content="优卡音乐" />
<meta name="description" content="person music" />
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" type="text/css" href="css/player.css" />
<link rel="Shortcut Icon" href="images/favicon.ico" />
<script type="text/javascript" src="js/modernizr.js"></script>
<script>
if ((!to3d()) || document.documentMode == 10 || document.documentMode == 11){
window.location="error/error.html";
}
</script>
</head>
<body>
<!--头部 开始-->
<div id="header">
<!--顶部bar 开始-->
<div id="headCont">
<audio id="audioPlayer"></audio>
<!--二级导航-->
<nav class="sub_nav">
<div class="nav_list">
<ul>
<li>
<a href="" class="smallogo">
<span class="mini_logo"></span>
</a>
</li>
<li><a href="" class="home"></a></li>
<div class="sub_list" id="sub_list">
<p class="active">
<a href="?cat=9">That music dwells in my mind.</a>
</p>
</div>
</ul>
</div>
</nav>
</div>
<!--头部导航 结束-->
</div>
<!-- 音乐馆 模块 开始 default-->
<section class="section_cont">
<!--轮播图 开始 -->
<div class="main_banner">
<div class="main_banner_bg"></div>
<div class="main_banner_wrap">
<div class="main_banner_box" id="m_box">
<a href="javascript:void(0)" class="banner_btn js_pre">
<span class="banner_btn_arrow"><i></i></span>
</a>
<a href="javascript:void(0)" class="banner_btn btn_next js_next">
<span class="banner_btn_arrow"><i></i></span>
</a>
<ul>
<li id="imgCard0">
<a href=""><span style="opacity:0;"></span></a>
<img src="main_banner/2ad7c5e1ff2e0064a6e785a73c9b7364.png" alt="">
<p style="bottom:0">对不起，你一直在等我，但是我却现在才来.</p>
</li>
<li id="imgCard1">
<a href=""><span style="opacity:0.4;"></span></a>
<img src="main_banner/eebf049cd4bd31196478bdee66acdcdd.png" alt="">
<p>樱花满地集于我心 楪舞纷飞祈愿相随.</p>
</li>
<li id="imgCard2">
<a href=""><span style="opacity:0.4;" ></span></a>
<img src="main_banner/161a3567e85b53621a1074fcb64d62bb.png" alt="">
<p>无意义的理想,迟早会在现实面前崩溃.</p>
</li>
<li id="imgCard3">
<a href=""><span style="opacity:0.4;"></span></a>
<img src="main_banner/873b57828b3a0a67-2a532e4245c541ae-71f399aeb90edf9940ed27bd2accbccb.png" alt="">
<p>什么都无法舍弃的人，什么也改变不了.</p>
</li>
<li id="imgCard4">
<a href=""><span style="opacity:0.4;"></span></a>
<img src="main_banner/6c4c5d3e62274e1fa1a314aa8bede506.png" alt="">
<p>再见了！只要是活着的东西，就算是神都杀给你看……无垢识 开境！死亡啊，别站在我面前!</p>
</li>
</ul>
<!--火狐倒影图层-->
<p id="rflt"></p>
<!--火狐倒影图层-->
</div>
<!--序列号按钮-->
<div class="btn_list">
<span class="cur"></span><span></span><span></span><span></span><span></span>
</div>
</div>
</div>
<!--轮播图 结束 -->
<div class="new_mv new_common">
<div class="new_mv_title new_common_title index_mv_title">
<span>Magic box</span>
<a href="?cat=6" class="more"></a>
<ul>
<li><a class="cur" href="javascript:;">dream</a></li>
<li><a href="javascript:;">spirit</a></li>
<li><a href="javascript:;">magic</a></li>
</ul>
</div>
<div class="new_mv_body index_mv_body">
<div class="mvList" id="mv_rank_list" style="display:block;">
<ul class="sb" id="main">
<li>
<a href="javascript:;" class="playIcon" >
<img width="220" height="125" src="http://p1.music.126.net/DpmzdxcucvbDztcuaBbWiQ==/18734578627337366.jpg" class="attachment-220x125 wp-post-image" alt="mv_1x2_10" />
<strong>周兴哲</strong>
<span>
<font>在你耳边说 &#8211; 周兴哲</font>
<font><i></i></font>
<font><i></i>10<em>2</em></font>
</span>
</a>
</li>
<li>
<a href="javascript:;" class="playIcon">
<img width="220" height="125" src="http://p1.music.126.net/wME0oX7VY7fEkKvbXgzlrA==/19122706230471650.jpg" class="attachment-220x125 wp-post-image" alt="" />
<strong>澤野弘之</strong>
<span>
<font>God of ink &#8211; SawanoHiroyuki</font>
<font><i></i></font>
<font><i></i>9<em>2</em></font>
</span>
</a>
</li>
<li>
<a href="javascript:;" class="playIcon">
<img width="220" height="125" src="http://p1.music.126.net/OX-yCGzOUHbhqiKK9Xx4Vg==/4442026976217692.jpg" class="attachment-220x125 wp-post-image" alt="" />
<strong>flowering</strong>
<span>
<font>white silence(album version) &#8211; TK from 凛として時雨</font>
<font><i></i></font>
<font><i></i>3<em>2</em></font>
</span>
</a>
</li>
<li>
<a href="javascript:;" class="playIcon">
<img width="220" height="125" src="http://p1.music.126.net/dlC4rAiDvq_uUi2fpnxKMA==/109951162819138078.jpg" class="attachment-220x125 wp-post-image" alt="" />
<strong>饭碗的彼岸</strong>
<span>
<font>结び -饭碗的彼岸</font>
<font><i></i></font>
<font><i></i>1<em>2 </em></font>
</span>
</a>
</li>
<li>
<a href="javascript:;" class="playIcon">
<img width="220" height="125" src="http://p1.music.126.net/WStPGvMUlDC89Wus9813zA==/109951163014870789.jpg" class="attachment-220x125 wp-post-image" alt="" />
<strong>SawanoHiroyuki[nZk]</strong>
<span>
<font>VV - ALK &#8211; SawanoHiroyuki[nZk]</font>
<font><i></i></font>
<font><i></i>0<em>2</em></font>
</span>
</a>
</li>
<li>
<a href="javascript:;" class="playIcon">
<img width="220" height="125" src="http://p1.music.126.net/lf9G9OQf_ouA_FuPZjm1HA==/890604418498843.jpg" class="attachment-220x125 wp-post-image" alt="" />
<strong>梶浦由记</strong>
<span>
<font>M41+42 &#8211; 梶浦由记</font>
<font><i></i></font>
<font><i></i>0<em>2</em></font>
</span>
</a>
</li>
<li>
<a href="javascript:;" class="playIcon">
<img width="220" height="125" src="http://p1.music.126.net/2-_sPmCBnN6VfwFmONRy2Q==/46179488378975.jpg" class="attachment-220x125 wp-post-image" alt="" />
<strong>张芸京</strong>
<span>
<font>偏爱 &#8211; 张芸京</font>
<font><i></i></font>
<font><i></i>10<em>2</em></font>
</span>
</a>
</li>
<li>
<a href="javascript:;" class="playIcon">
<img width="220" height="125" src="http://p1.music.126.net/4E5b_0eDTiMCzYKiVSAerw==/19165587184063665.jpg" class="attachment-220x125 wp-post-image" alt="" />
<strong>周杰伦</strong>
<span>
<font>算什么男人 &#8211; 周杰伦</font>
<font><i></i></font>
<font><i></i>1<em>26</em></font>
</span>
</a>
</li>
<li>
<a href="javascript:;" class="playIcon">
<img width="220" height="125" src="http://p1.music.126.net/YIhF9kpKMx_wBKQFN-DwTw==/81363860472987.jpg" class="attachment-220x125 wp-post-image" alt="" />
<strong>刘亦菲</strong>
<span>
<font>兰若词 &#8211; 刘亦菲</font>
<font><i></i></font>
<font><i></i>7<em>23</em></font>
</span>
</a>
</li>
<li>
<a href="javascript:;" class="playIcon">
<img width="220" height="125" src="http://p1.music.126.net/fJ4Y4PN_h0Mg3ByQ2yfL9g==/838927371993316.jpg" class="attachment-220x125 wp-post-image" alt="" />
<strong>miu-clips</strong>
<span>
<font>open &#8211; miu-clips</font>
<font><i></i></font>
<font><i></i>90<em>3</em></font>
</span>
</a>
</li>
</ul>
</div>
<!--2spirit-->
<div class="mvList">
<ul id="spirit">
<li>
<a href="javascript:;" class="playIcon">
<img width="220" height="125" src="http://p1.music.126.net/lW4YKD6cMgm32nI66CzWVg==/5702067301704441.jpg" class="attachment-220x125 wp-post-image" alt="" />
<strong>梶浦由記</strong>
<span>
<font>M19+20 &#8211; 梶浦由記</font>
<font><i></i></font>
<font><i></i>12<em>6</em></font>
</span>
</a>
</li>
<li>
<a href="javascript:;" class="playIcon">
<img width="220" height="125" src="http://p1.music.126.net/tFTRt1H87rReNTyO1K9IDQ==/18498183627713149.jpg" class="attachment-220x125 wp-post-image" alt="" />
<strong>梶浦由記</strong>
<span>
<font>Sis puella magica! &#8211; 梶浦由記</font>
<font><i></i></font>
<font><i></i>4<em>27</em></font>
</span>
</a>
</li>
<li>
<a href="javascript:;" class="playIcon">
<img width="220" height="125" src="http://p1.music.126.net/7xaV2qB-T1d9m8b1XZC6tQ==/725677674344222.jpg" class="attachment-220x125 wp-post-image" alt="" />
<strong>梶浦由記</strong>
<span>
<font>月は优しく (月) &#8211; 梶浦由記</font>
<font><i></i></font>
<font><i></i>7<em>22</em></font>
</span>
</a>
</li>
<li>
<a href="javascript:;" class="playIcon">
<img width="220" height="125" src="http://p1.music.126.net/Iqckrd2sOB1ztqrSOw4XzA==/109951162841140691.jpg" class="attachment-220x125 wp-post-image" alt="" />
<strong>染音若蔡</strong>
<span>
<font>Euterpe エウテルペ &#8211; 染音若蔡</font>
<font><i></i></font>
<font><i></i>4<em>9</em></font>
</span>
</a>
</li>
<li>
<a href="javascript:;" class="playIcon">
<img width="220" height="125" src="http://p1.music.126.net/4xHOkSVWH-n6p5pB3Jf0yQ==/109951162922204274.jpg" class="attachment-220x125 wp-post-image" alt="" />
<strong>杨秉音</strong>
<span>
<font>幻光&#8211; 杨秉音</font>
<font><i></i></font>
<font><i></i>23<em>1</em></font>
</span>
</a>
</li>
<li>
<a href="javascript:;" class="playIcon">
<img width="220" height="125" src="http://p1.music.126.net/rkJSVKRZkfLXOoVwXtiB4w==/18283778858733705.jpg" class="attachment-220x125 wp-post-image" alt="" />
<strong>神罗Shinra</strong>
<span>
<font>世界の約束 -神罗Shinra</font>
<font><i></i></font>
<font><i></i>8<em>7</em></font>
</span>
</a>
</li>
<li>
<a href="javascript:;" class="playIcon">
<img width="220" height="125" src="http://p1.music.126.net/HdmtedPRZEEBduHcmUnk3w==/853221023209311.jpg" class="attachment-220x125 wp-post-image" alt="" />
<strong>久石譲</strong>
<span>
<font>Cave OF Mind &#8211; 久石譲</font>
<font><i></i></font>
<font><i></i>6<em>9</em></font>
</span>
</a>
</li>
<li>
<a href="javascript:;" class="playIcon">
<img width="220" height="125" src="http://p1.music.126.net/GNKtRK8w7edPw3jAsavL2A==/5980243743832365.jpg" class="attachment-220x125 wp-post-image" alt="" />
<strong>K. Williams</strong>
<span>
<font>幽灵公主 &#8211; K. Williams</font>
<font><i></i></font>
<font><i></i>1<em>9</em></font>
</span>
</a>
</li>
<li>
<a href="javascript:;" class="playIcon">
<img width="220" height="125" src="http://p1.music.126.net/k_WRxDY1qQ4ztB5uFFrvoA==/17907745881679448.jpg" class="attachment-220x125 wp-post-image" alt="" />
<strong>魏小涵</strong>
<span>
<font>心之逆鳞&#8211; 魏小涵</font>
<font><i></i></font>
<font><i></i>7<em>25</em></font>
</span>
</a>
</li>
<li>
<a href="javascript:;" class="playIcon">
<img width="220" height="125" src="http://p1.music.126.net/-c3qURPNRNLe-YJMbiZoKA==/109951163072509863.jpg" class="attachment-220x125 wp-post-image" alt="" />
<strong>Qaijff</strong>
<span>
<font>愛を教えてくれた君へ &#8211; Qaijff</font>
<font><i></i></font>
<font><i></i>10<em>2</em></font>
</span>
</a>
</li>
</ul>
</div>
<!--3magic-->
<div class="mvList">
<ul id="magic">
<li>
<a href="javascript:;" class="playIcon">
<img width="220" height="125" src="http://p1.music.126.net/r4TK33y6f8cwlntVidXZbQ==/931286348726555.jpg" class="attachment-220x125 wp-post-image" alt="" />
<strong>川井憲次</strong>
<span>
<font>群雄疾走 &#8211; 川井憲次</font>
<font><i></i></font>
<font><i></i>100<em>2</em></font>
</span>
</a>
</li>
<li>
<a href="javascript:;" class="playIcon">
<img width="220" height="125" src="http://p1.music.126.net/ivONokvElv9ZCzyrZp84FQ==/3297435373557125.jpg" class="attachment-220x125 wp-post-image" alt="" />
<strong>EGOIST</strong>
<span>
<font>Ghost of a smile &#8211; EGOIST</font>
<font><i></i></font>
<font><i></i>54<em>22</em></font>
</span>
</a>
</li>
<li>
<a href="javascript:;" class="playIcon">
<img width="220" height="125" src="http://p1.music.126.net/Q4Dg5QXwft213TBKMv26_A==/3276544653004159.jpg" class="attachment-220x125 wp-post-image" alt="" />
<strong>大竹佑季</strong>
<span>
<font>樱子小姐的脚下埋着尸体 &#8211; 大竹佑季</font>
<font><i></i></font>
<font><i></i>8<em>26</em></font>
</span>
</a>
</li>
<li>
<a href="javascript:;" class="playIcon">
<img width="220" height="125" src="http://p1.music.126.net/84dpde0vkfsDAVsNNjulXg==/7906588115750467.jpg" class="attachment-220x125 wp-post-image" alt="" />
<strong>豚乙女</strong>
<span>
<font>非科学的表裏一体 &#8211; 豚乙女</font>
<font><i></i></font>
<font><i></i>10<em>2</em></font>
</span>
</a>
</li>
<li>
<a href="javascript:;" class="playIcon">
<img width="220" height="125" src="http://p1.music.126.net/b04i7LFbHLJkmkzwhwRLMA==/2343059278838229.jpg" class="attachment-220x125 wp-post-image" alt="" />
<strong>FELT</strong>
<span>
<font>You're the Shine &#8211; FELT</font>
<font><i></i></font>
<font><i></i>9<em>23</em></font>
</span>
</a>
</li>
<li>
<a href="javascript:;" class="playIcon">
<img width="220" height="125" src="http://p1.music.126.net/4BgAnUbCDFex3m4z-hWULA==/2509085534622060.jpg" class="attachment-220x125 wp-post-image" alt="" />
<strong>清浦夏実</strong>
<span>
<font>旅の途中 &#8211; 清浦夏実</font>
<font><i></i></font>
<font><i></i>90<em>8</em></font>
</span>
</a>
</li>
<li>
<a href="javascript:;" class="playIcon">
<img width="220" height="125" src="http://p1.music.126.net/3eyBH8RjxjXG-EqWShU1wg==/18887410742154555.jpg" class="attachment-220x125 wp-post-image" alt="" />
<strong>東山奈央</strong>
<span>
<font>夏祭り &#8211;東山奈央</font>
<font><i></i></font>
<font><i></i>5<em>29</em></font>
</span>
</a>
</li>
<li>
<a href="javascript:;" class="playIcon">
<img width="220" height="125" src="http://p1.music.126.net/KmPcFcxxg61d15R8yu5x_A==/18681802069425034.jpg" class="attachment-220x125 wp-post-image" alt="" />
<strong>Nevve</strong>
<span>
<font>Sway &#8211; Nevve</font>
<font><i></i></font>
<font><i></i>8<em>28</em></font>
</span>
</a>
</li>
<li>
<a href="javascript:;" class="playIcon">
<img width="220" height="125" src="http://p1.music.126.net/xaX_RkkW0cT4f38k62N8yg==/3413983630702236.jpg" class="attachment-220x125 wp-post-image" alt="" />
<strong> Breathe Carolina</strong>
<span>
<font>Vanish &#8211; Breathe Carolina</font>
<font><i></i></font>
<font><i></i>0<em>28</em></font>
</span>
</a>
</li>
<li>
<a href="javascript:;" class="playIcon">
<img width="220" height="125" src="http://p1.music.126.net/foJM2P9nq8pXHnCZjcf75w==/19047939439716625.jpg" class="attachment-220x125 wp-post-image" alt="" />
<strong>MEIDEN</strong>
<span>
<font>It's Over &#8211; MEIDEN</font>
<font><i></i></font>
<font><i></i>20<em>8</em></font>
</span>
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="songs_rcmd_title">
<div class="rcmd_left_title rcmd_title">
<span>Elegant</span>
<a href="" class="more">/more</a>
</div>
<div class="rcmd_center_title rcmd_title">
<span>Ethereal</span>
<a href="" class="more">/more</a>
</div>
<div class="rcmd_right_title rcmd_title">
<span>Silence</span>
<a href="" class="more">/more</a>
</div>
</div>
<div class="songs_rcmd" id="songs_rcmd">
<div class="songs_rcmd_cont">
<ul class="rcmd_left rcmd_cont" id="latest">
<li>
<a href="" class="musicName"> Fleur de lis &#8211; Noicybino</a>
<a class="shareIcon" href="javascript:;"></a>
<a class="playIcon" href="javascript:;"></a>
</li>
<li>
<a href="javascript:;" class="musicName">Dance, cherry blossoms! &#8211; Yuri akiyama</a>
<a class="shareIcon" href="javascript:;"></a>
<a class="playIcon" href="javascript:;"></a>
</li>
<li>
<a href="javascript:;" class="musicName">Lost in Love &#8211; Bois LanYun</a>
<a class="shareIcon" href="javascript:;"></a>
<a class="playIcon" href="javascript:;"></a>
</li>
<li>
<a href="javascript:;" class="musicName">远すぎた空 &#8211; Akito</a>
<a class="shareIcon" href="javascript:;"></a>
<a class="playIcon" href="javascript:;"></a>
</li>
<li>
<a href="javascript:;" class="musicName">Whether &#8211; AniFace</a>
<a class="shareIcon" href="javascript:;"></a>
<a class="playIcon" href="javascript:;"></a>
</li>
<li>
<a href="javascript:;" class="musicName">Constellation Of Tatyana &#8211; Yakuro</a>
<a class="shareIcon" href="javascript:;"></a>
<a class="playIcon" href="javascript:;"></a>
</li>
<li>
<a href="javascript:;" class="musicName">Princess &#8211; α·Pav</a>
<a class="shareIcon" href="javascript:;"></a>
<a class="playIcon" href="javascript:;"></a>
</li>
<li>
<a href="javascript:;" class="musicName">Day by Day &#8211; Shirfine</a>
<a class="shareIcon" href="javascript:;"></a>
<a class="playIcon" href="javascript:;"></a>
</li>
<li>
<a href="javascript:;" class="musicName">blue blossoms &#8211; 久遠</a>
<a class="shareIcon" href="javascript:;"></a>
<a class="playIcon" href="javascript:;"></a>
</li>
</ul>
<ul class="rcmd_center rcmd_cont" id="popular">
<li>
<a href="javascript:;" class="musicName">無神論者のためのセレナータ &#8211; love solfege</a>
<a class="shareIcon" href="javascript:;"></a>
<a class="playIcon" href="javascript:;"></a>
</li>
<li>
<a href="javascript:;" class="musicName">Proschenie &#8211; love solfege</a>
<a class="shareIcon" href="javascript:;"></a>
<a class="playIcon" href="javascript:;"></a>
</li>
<li>
<a href="javascript:;" class="musicName">神の光 -Μοιρα- &#8211; Sound Horizon</a>
<a class="shareIcon" href="javascript:;"></a>
<a class="playIcon" href="javascript:;"></a>
</li>
<li>
<a href="javascript:;" class="musicName">星女神の巫女 -Αρτεμισια- &#8211; Sound Horizon</a>
<a class="shareIcon" href="javascript:;"></a>
<a class="playIcon" href="javascript:;"></a>
</li>
<li>
<a href="javascript:;" class="musicName">石畳の緋い悪魔 &#8211; Sound Horizon</a>
<a class="shareIcon" href="javascript:;"></a>
<a class="playIcon" href="javascript:;"></a>
</li>
<li>
<a href="javascript:;" class="musicName">この狭い鳥籠の中で &#8211; Sound Horizon</a>
<a class="shareIcon" href="javascript:;"></a>
<a class="playIcon" href="javascript:;"></a>
</li>
<li>
<a href="javascript:;" class="musicName">Secret Track &#8211; Sound Horizon</a>
<a class="shareIcon" href="javascript:;"></a>
<a class="playIcon" href="javascript:;"></a>
</li>
<li>
<a href="javascript:;" class="musicName">a fairy tale &#8211; MUSIRISCA</a>
<a class="shareIcon" href="javascript:;"></a>
<a class="playIcon" href="javascript:;"></a>
</li>
<li>
<a href="javascript:;" class="musicName">Prayer &#8211; MUSIRISCA</a>
<a class="shareIcon" href="javascript:;"></a>
<a class="playIcon" href="javascript:;"></a>
</li>
</ul>
<ul class="rcmd_right rcmd_cont" id="rank">
<li>
<a href="javascript:;" class="musicName">创奏&#8211; 霜月はるか</a>
<a class="shareIcon" href="javascript:;"></a>
<a class="playIcon" href="javascript:;"></a>
</li>
<li>
<a href="javascript:;" class="musicName">願い枯れゆく歌声 &#8211; Ether</a>
<a class="shareIcon" href="javascript:;"></a>
<a class="playIcon" href="javascript:;"></a>
</li>
<li>
<a href="javascript:;" class="musicName">LICHT MEER &#8211; 河合夕子</a>
<a class="shareIcon" href="javascript:;"></a>
<a class="playIcon" href="javascript:;"></a>
</li>
<li>
<a href="javascript:;" class="musicName">Nocturne No. 2 &#8211; Chopin</a>
<a class="shareIcon" href="javascript:;"></a>
<a class="playIcon" href="javascript:;"></a>
</li>
<li>
<a href="javascript:;" class="musicName">夜曲 &#8211; Chopin</a>
<a class="shareIcon" href="javascript:;"></a>
<a class="playIcon" href="javascript:;"></a>
</li>
<li>
<a href="javascript:;" class="musicName">降E大调夜曲 &#8211; Chopin</a>
<a class="shareIcon" href="javascript:;"></a>
<a class="playIcon" href="javascript:;"></a>
</li>
<li>
<a href="javascript:;" class="musicName">即兴幻想曲 &#8211; Chopin</a>
<a class="shareIcon" href="javascript:;"></a>
<a class="playIcon" href="javascript:;"></a>
</li>
<li>
<a href="javascript:;" class="musicName">Nocturne op. 32 &#8211; Chopin</a>
<a class="shareIcon" href="javascript:;"></a>
<a class="playIcon" href="javascript:;"></a>
</li>
<li>
<a href="javascript:;" class="musicName">Prelude in Des &#8211; Chopin</a>
<a class="shareIcon" href="javascript:;"></a>
<a class="playIcon" href="javascript:;"></a>
</li>
</ul>
</div>
</div>
<div class="omnibus hot_singer">
<div class="omnibus_cont new_common">
<div class="omnibus_title new_common_title">
<span>A fantasy world</span>
<a href="" class="more"></a>
</div>
<ul id="omnibus_list">
<li class="post_big">
<a href="javascript:;">
<img src="images/ksoa.png" alt="" width="305" height="290">
<i></i>
</a>
<a href="javascript:;">The divine comedy as first love</a>
</li>
<li class="post_small">
<a href="">
<img src="images/Deuxième dollars.jpg" alt="" width="130" height="130">
<span></span>
</a>
<a href="javascript:;">A new world</a>
</li>
<li class="post_small">
<a href="">
<img src='images/fasd.png' alt="" width="130" height="130">
<span></span>
</a>
<a href="">This is our dream</a>
</li>
<li class="post_small">
<a href="">
<img src="images/ariko.png" alt="" width="130" height="130">
<span></span>
</a>
<a href="">what feels most natural</a>
</li>
<li class="post_small">
<a href="">
<img src='images/msoal.png' alt="" width="130" height="130">
<span></span>
</a>
<a href="">I can appreciate that</a>
</li>
<li class="post_small">
<a href="">
<img src='images/lise.png' alt="" width="130" height="130">
<span></span>
</a>
<a href="">Tell myths about love</a>
</li>
<li class="post_small">
<a href="">
<img src="images/jisad.png" alt="" width="130" height="130">
<span></span>
</a>
<a href="">In a different world</a>
</li>
</ul>
</div>
<div class="hot_singer_cont new_common">
<div class="hot_singer_title new_common_title">
<span>Artist's soul</span>
<a href="" class="more"></a>
</div>
<ul class="singer_list">
<li>
<a href="" class="singerPhoto">
<img src=" images/18808245906449965.jpg" alt="" width="70" height="70"></a>
<a href="" class="singer">梶浦由记</a>
</li>
<li>
<a href="" class="singerPhoto">
<img src="images/18619129906152259.jpg" alt="" width="70" height="70"></a>
<a href="" class="singer">花たん</a>
</li>
<li>
<a href="" class="singerPhoto">
<img src=" images/19127104277052748.jpg" alt="" width="70" height="70"></a>
<a href="?p=363" class="singer">泽野弘之</a>
</li>
<li>
<a href="" class="singerPhoto">
<img src=" images/19124905253592749.jpg" alt="" width="70" height="70"></a>
<a href="" class="singer">Sound Horizon</a>
</li>
<li>
<a href="" class="singerPhoto">
<img src='images/109951163112362346.jpg' alt="" width="70" height="70"></a>
<a href="" class="singer">Aimer</a>
</li>
<li>
<a href="" class="singerPhoto">
<img src=" images/3283141725800255.jpg" alt="" width="70" height="70"></a>
<a href="" class="singer">れをる</a>
</li>
<div style="clear:both;"></div>
</ul>
</div>
<div style="clear:both"></div></div>
</section>
<!-- 左侧播放器 开始-->
<div id="jp_container_N" class="jp-video jp-video-270p" role="application" aria-label="media player">
<div class="jp-type-playlist">
<div id="jquery_jplayer_N"class="jp-jplayer"></div>
<div class="jp-gui">
<div class="jp-video-play">
<button class="jp-video-play-icon" role="button" tabindex="0">播放</button>
</div>
<div class="jp-interface">
<div class="jp-progress">
<div class="jp-seek-bar">
<div class="jp-play-bar"></div>
</div>
</div>
<div class="jp-current-time" role="timer" aria-label="time"></div>
<div class="jp-duration" role="timer" aria-label="duration"></div>
<div class="jp-controls-holder">
<div class="jp-controls">
<button class="jp-previous" role="button" tabindex="0">上一曲</button>
<button class="jp-play" role="button" tabindex="0">播放</button>
<button class="jp-next" role="button" tabindex="0">下一曲</button>
<button class="jp-stop" role="button" tabindex="0">暂停</button>
</div>
<div class="jp-volume-controls">
<button class="jp-mute" role="button" tabindex="0">静音</button>
<button class="jp-volume-max" role="button" tabindex="0">最大音量</button>
<div class="jp-volume-bar">
<div class="jp-volume-bar-value"></div>
</div>
</div>
<div class="jp-toggles">
<button class="jp-repeat" role="button" tabindex="0">重复</button>
<button class="jp-shuffle" role="button" tabindex="0">随机</button>
<!--<button class="jp-full-screen" role="button" tabindex="0">全屏</button>-->
</div>
</div>
<div class="jp-details">
<div class="jp-title" aria-label="title"></div>
</div>
</div>
</div>
<div class="jp-playlist">
<div class="jp-playlist-box">
<ul>
<!-- 该方法使用无序列表displayplaylist()播放列表 -->
<li></li>
</ul>
</div>
</div>
<div class="jp-no-solution">
<span>升级需要</span>
您浏览器赞不支持播放，请更新版本
<a href="http://get.adobe.com/flashplayer/" target="_blank">Flash插件</a>.
</div>
</div>
<!--歌曲列表滚动条-->
<div class="scrollBar">
<div class="bar"></div>
</div>
<!--播放器展开隐藏按钮-->
<button type="button" class="folded_bt" title="点击收缩" id="btnfold">
<span></span>
</button>
<div id="listRemove"></div><!--移除全部歌曲按钮-->
<div id="listClose"></div><!--歌曲列表展开收缩按钮-->
</div>
<!-- 左侧播放器 结束-->
<!--底部 开始 -->
<div class="footer" id="footer">
<div class="footer_cont">
<div class="footer_cont_left">
<p>
<a href="">About me</a>|<a href="">History</a>|<a href="">Cartoon</a>|
<a href="">Ad service</a>|<a href="">Movie link</a>|<a href="">Help</a>
</p>
<p>
Copyright © Youka All Rights Reserved
</p>
</div>
<div class="footer_cont_right">
<span>Other Links</span>
<ul>
<li><a href=""><span></span></a></li>
<li><a href=""><span></span></a></li>
<li>
<a href="" class="twoCode">
<span></span>
<img class="tCode" src=" images/1517791716.png" width="100" height="100" alt="二维码" />
</a>
</li>
<li><a href=""><span></span></a></li>
<li><a href=""><span></span></a></li>
</ul>
</div>
<div id="toTop"></div>
</div>
</div>
<!--底部 结束 -->
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<!--播放器js-->
<script type="text/javascript" src="js/player.js"></script>
<script type="text/javascript" src="js/playlist.js"></script>
<script type="text/javascript" src="js/player_database.js"></script>
<!--播放器js-->
<!-- 底部模板调用 结束 -->
</body>
</html>