<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Demo</title>
<link rel="icon" href="favicons/1.jpeg">
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/index.css">
</head>
<body>
<header class="header">
<div class="header-container">
<div class="header-top">
<a href="#" class="logo"></a>
<nav class="header-nav">
<ul>
<li><a href="#" class="header-nav__cur">发现音乐</a></li>
<li><a href="#">我的音乐</a></li>
<li><a href="#">下载客户端</a></li>
<li><a href="#">VIP</a></li>
</ul>
</nav>
<div class="header-search">
<input type="text" class="text" placeholder="here...">
<div class="btn"><i class="icon-sprite"></i></div>
<div class="result">
<a href="#" class="result-item">
<span class="rank">1</span>
<span class="title">默</span>
<span class="num">8.4万</span>
</a>
<a href="#" class="result-item">
<span class="rank">2</span>
<span class="title">侧田</span>
<span class="num">6.4万</span>
</a>
<a href="#" class="result-item">
<span class="rank">3</span>
<span class="title">让我留在你身边</span>
<span class="num">3.4万</span>
</a>
<a href="#" class="result-item">
<span class="rank">4</span>
<span class="title">皮皮虾我们走</span>
<span class="num">4.4万</span>
</a>
<a href="#" class="result-item">
<span class="rank">5</span>
<span class="title">欢乐好声音</span>
<span class="num">2.4万</span>
</a>
<div class="history">
<span>搜索历史</span>
<i class="icon-sprite"></i>
</div>
</div>
</div>
<div class="header-login">
<a href="登录表单.html" class="login">登录</a>
<a href="#" class="open-green">开通绿钻豪华版</a>
<a href="#" class="open-vip">开通付费包</a>
</div>
</div>
<ul class="header-subNav">
<li><a href="#" class="subNav-cur">首页</a></li>
<li><a href="#">歌手</a></li>
<li><a href="#">专辑</a></li>
<li><a href="#">排行榜</a></li>
<li><a href="#">分类歌单</a></li>
<li><a href="#">MV</a></li>
</ul>
</div>
</header>
<!-- 新歌首发 -->
<div class="main" id="newSong">
<div class="main-inner">
<div class="main-title">
<h2 class="title"><i></i></h2>
<span class="line line-left"></span>
<span class="line line-right"></span>
</div>
<a href="#" class="readAll">全部<i class="icon-sprite"></i></a>
<div class="main-tab tab-title">
<a href="javascript:;" class="item item-cur">全部</a>
<a href="javascript:;" class="item">华语</a>
<a href="javascript:;" class="item">欧美</a>
<a href="javascript:;" class="item">韩国</a>
<a href="javascript:;" class="item">日本</a>
</div>
<div class="main-slider tab-cont">
<ul class="slider-wrapper">
<li>
<a href="#" class="img">
<img src="images/cont/slider_img1.jpg" alt="#">
<span class="mask"></span>
<i class="icon-play"></i>
</a>
<div class="info">
<div class="title">
<a href="#">那个静默的阳光午后</a>
<i class="icon-sprite"></i>
</div>
<a href="#" class="author">范玮琪</a>
</div>
</li>
<li>
<a href="#" class="img">
<img src="images/cont/T002R300x300M000004ICZzM19eg8H_1.jpg" alt="#">
<span class="mask"></span>
<i class="icon-play"></i>
</a>
<div class="info">
<div class="title">
<a href="#">All Designer</a>
<i class="icon-sprite"></i>
</div>
<a href="#" class="author">Hedegaard</a>
</div>
</li>
<li>
<a href="#" class="img">
<img src="images/cont/T002R300x300M000004EwfDr1eeQTz_2.jpg" alt="#">
<span class="mask"></span>
<i class="icon-play"></i>
</a>
<div class="info">
<div class="title">
<a href="#">Waikiki(Original Mix)</a>
<i class="icon-sprite"></i>
</div>
<a href="#" class="author">Deep Chills</a>
</div>
</li>
<li>
<a href="#" class="img">
<img src="images/cont/9c54aa844f25471a67194a83cee04650f8e8e206.jpg" alt="#">
<span class="mask"></span>
<i class="icon-play"></i>
</a>
<div class="info">
<div class="title">
<a href="#">同桌的你</a>
<i class="icon-sprite"></i>
</div>
<a href="#" class="author">老狼</a>
</div>
</li>
<li>
<a href="#" class="img">
<img src="images/cont/d058ccbf6c81800a3ce3cb02be3533fa828b47b3.jpg" alt="#">
<span class="mask"></span>
<i class="icon-play"></i>
</a>
<div class="info">
<div class="title">
<a href="#">等你下课</a>
<i class="icon-sprite"></i>
</div>
<a href="#" class="author">周杰伦</a>
</div>
</li>
<li>
<a href="#" class="img">
<img src="images/cont/03087bf40ad162d942383b9c18dfa9ec8b13cd58.png" alt="#">
<span class="mask"></span>
<i class="icon-play"></i>
</a>
<div class="info">
<div class="title">
<a href="#">告白气球</a>
<i class="icon-sprite"></i>
</div>
<a href="#" class="author">周杰伦</a>
</div>
</li>
<li>
<a href="#" class="img">
<img src="images/cont/itz-font20210427-3-24.jpg" alt="#">
<span class="mask"></span>
<i class="icon-play"></i>
</a>
<div class="info">
<div class="title">
<a href="#">丑八怪</a>
<i class="icon-sprite"></i>
</div>
<a href="#" class="author">薛之谦</a>
</div>
</li>
<li>
<a href="#" class="img">
<img src="images/cont/03087bf40ad162d9a72e93c01ddfa9ec8b13cd2e.jpg" alt="#">
<span class="mask"></span>
<i class="icon-play"></i>
</a>
<div class="info">
<div class="title">
<a href="#">平凡的一天</a>
<i class="icon-sprite"></i>
</div>
<a href="#" class="author">毛不易</a>
</div>
</li>
<li>
<a href="#" class="img">
<img src="images/cont/9d99-02192229734db396f71a4e1ad68c84ef.jpg" alt="#">
<span class="mask"></span>
<i class="icon-play"></i>
</a>
<div class="info">
<div class="title">
<a href="#">孤勇者</a>
<i class="icon-sprite"></i>
没有合适的资源?快使用搜索试试~ 我知道了~
期末作业.zip
共58个文件
jpg:43个
png:7个
js:2个
需积分: 0 0 下载量 85 浏览量
2023-06-22
20:19:42
上传
评论
收藏 1.09MB ZIP 举报
温馨提示
期末作业.zip
资源推荐
资源详情
资源评论
收起资源包目录
期末作业.zip (58个子文件)
期末作业
网易云
js
jquery.min.js 91KB
script.js 13KB
登录表单.html 3KB
css
reset.css 630B
index.css 19KB
favicons
1.jpeg 8KB
index.html 30KB
images
logo.png 11KB
footer_icons.png 6KB
main_title.png 9KB
icon_sprite.png 12KB
icon_play.png 1KB
cont
carousel_img4.jpg 41KB
T002R300x300M0000010qcLN1FwSqp_1.jpg 33KB
slider_img5.jpg 11KB
slider_img17.jpg 10KB
slider_img18.jpg 15KB
newSong_bg.jpg 34KB
slider_img7.jpg 10KB
未标题-2.jpg 15KB
u=64071788,1207909463&fm=253&fmt=auto&app=120&f=JPEG.jpg 33KB
slider_img14.jpg 5KB
T002R300x300M000004EwfDr1eeQTz_2.jpg 24KB
9c54aa844f25471a67194a83cee04650f8e8e206.jpg 37KB
carousel_img1.jpg 27KB
QJ6495463811.jpg@!350h 24KB
slider_img13.jpg 5KB
slider_img8.jpg 5KB
未标题-1.jpg 14KB
b17eca8065380cd79123bdf58711ba345982b2b72bd4.png 58KB
T002R300x300M0000009Kgp43zCoA4_1.jpg 24KB
carousel_img3.jpg 31KB
slider_img15.jpg 7KB
03087bf40ad162d9a72e93c01ddfa9ec8b13cd2e.jpg 21KB
slider_img10.jpg 6KB
mv_img1.jpg 6KB
slider_img9.jpg 4KB
carousel_img5.jpg 22KB
carousel_img6.jpg 37KB
rank_bg.jpg 25KB
slider_img4.jpg 10KB
20161031122619109620.jpg 36KB
slider_img16.jpg 12KB
slider_img11.jpg 9KB
slider_img1.jpg 12KB
u=2407665361,1524029661&fm=253&fmt=auto&app=120&f=JPEG.jpg 44KB
03087bf40ad162d942383b9c18dfa9ec8b13cd58.png 196KB
src=http___safe-img.xhscdn.com_bw1_2d3c8642-2d97-4c00-9cc7-a5bb092a41eb_imageView2_2_w_1080_format_jpg&refer=http___safe-img.xhscdn.jpg 11KB
rank_list_bg.jpg 20KB
T053R750x750M000001eRW4T3MTCpS.jpg 34KB
carousel_img2.jpg 38KB
T002R300x300M000004cnKtl3p8dDY_1.jpg 24KB
itz-font20210427-3-24.jpg 27KB
d058ccbf6c81800a3ce3cb02be3533fa828b47b3.jpg 48KB
slider_img6.jpg 4KB
slider_img12.jpg 10KB
9d99-02192229734db396f71a4e1ad68c84ef.jpg 48KB
T002R300x300M000004ICZzM19eg8H_1.jpg 12KB
共 58 条
- 1
资源评论
2201_75980611
- 粉丝: 0
- 资源: 1
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功