<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Demo</title>
<link rel="shortcut icon" href="favicons/1.png">
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/common.css">
<link rel="stylesheet" href="css/index.css">
</head>
<body>
<header id="header">
<!-- header-top -->
<div id="page_top">
<div class="bg-wrap"><!-- 背景 -->
<div class="bg"></div>
<div class="mask"></div>
</div>
<div class="header-top">
<div class="page-width clearfix"><!-- 装着左和右的box -->
<div class="header-top__nav"><!-- header-top左边 -->
<ul>
<li class="item item-home">
<a href="#">主站</a>
</li>
<li class="item"><a href="#">画友</a></li>
<li class="item">
<a href="#">游戏中心</a>
<div class="game-center header-hover"><!-- 外层 -->
<div class="c clearfix"><!-- 里层 -->
<div class="fl"><!-- 游戏中心左边 -->
<div class="imgbox">
<a href="#">
<img src="images/cont/game-center__img1.jpg" alt="#">
<span>命运-冠位指定（Fate/GO）</span>
</a>
</div>
<div class="game-img">
<a href="#">
<img src="images/cont/game_img1.png" alt="#">
<span>刀剑乱舞</span>
</a>
<a href="#">
<img src="images/cont/game_img2.png" alt="#">
<span>刀剑乱舞</span>
</a>
<a href="#">
<img src="images/cont/game_img3.jpg" alt="#">
<span>刀剑乱舞</span>
</a>
</div>
</div>
<div class="fr"><!-- 游戏中心右边 -->
<div class="game-list">
<div class="title">
<i></i>
<a href="#">游戏论坛</a>
</div>
<div class="all">
<a href="#">仙剑奇侠传幻璃镜</a>
<a href="#">魔法禁书目录</a>
<a href="#">萌王EX</a>
<a href="#">妖精的衣橱</a>
<a href="#">神代梦华谭</a>
<a href="#">碧蓝航线</a>
<a href="#">光明大陆</a>
</div>
</div>
</div>
</div>
<div id="gameImg"></div><!-- ？？？ -->
</div>
</li>
<li class="item">
<a href="#">直播</a>
<div class="live-box header-hover">
<div class="live-box__c">
<div class="fl">
<div class="title">热门直播:</div>
<div class="cont">
<a href="#">
<img src="images/cont/live-box__img1.jpg" alt="#">
<i>LIVE</i>
<p>热爱电竞の三三</p>
</a>
<a href="#">
<img src="images/cont/live-box__img2.jpg" alt="#">
<i>LIVE</i>
<p>大角虫漫画</p>
</a>
<a href="#">
<img src="images/cont/live-box__img3.jpg" alt="#">
<i>LIVE</i>
<p>木本青</p>
</a>
<a href="#">
<img src="images/cont/live-box__img4.gif" alt="#">
<i>LIVE</i>
<p>一只小鹿噜噜噜</p>
</a>
<a href="#">
<img src="images/cont/live-box__img5.jpg" alt="#">
<i>LIVE</i>
<p>污叶妹屮</p>
</a>
<a href="#">
<img src="images/cont/live-box__img6.jpg" alt="#">
<i>LIVE</i>
<p>污污_永远的魔法师_</p>
</a>
</div><!-- 内容 -->
</div>
<div class="fl">
<div class="title">热门直播:</div>
</div>
</div>
</div>
</li>
<li class="item"><a href="#">周边</a></li>
<li class="item">
<a href="#">移动端</a>
<!-- <div class="header-app header-hover">
<i></i>
</div> -->
</li>
</ul>
</div>
<div class="header-top__user"><!-- herder-top右边 -->
<div class="login-box">
<a href="#">登录</a>
<span></span>
<a href="#">注册</a>
</div>
<div class="user-post">
<a href="#" class="link">投 稿</a>
<div class="user-post__hover header-hover">
<a href="#" class="post">视频投稿</a>
<a href="#" class="manage">投稿管理</a>
<a href="#" class="create">创作中心</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="header-c"><!--- header外层 -->
<div class="page-width"><!--- header内层 -->
<a href="#" id="header_logo"></a>
<p id="header_title"></p>
<div id="search" class="clearfix"><!--- 搜索 -->
<div class="search-rank">排行榜</div>
<div class="search-box">
<input type="text" class="text" placeholder="Search here...">
<a href="#" class="btn"><i></i></a>
<div class="search-history">
<div class="title">历史搜索</div>
<div class="list">
<a href="#">努巴尼欢乐秀<i></i></a>
<a href="#">主播真会玩守望篇<i></i></a>
<a href="#">主播真会玩女神篇<i></i></a>
<a href="#">暴暴勺暴暴<i></i></a>
<a href="#">OverWatch<i></i></a>
</div>
</div>
</div>
</div>
<div class="header-title">哔哩哔哩 (゜-゜)つロ 干杯~</div>
</div>
</div>
</header>
<nav id="nav">
<div class="page-width clearfix">
<ul class="nav-list">
<li class="item item-home">
<a href="#" class="link">首页</a>
</li>
<li class="item">
<a href="#" class="link">
<div class="num"><i>887</i></div>
动画
</a>
<ul class="nav-item__hover">
<li>
<a href="#">
<em>MAD·AMV<i></i></em>
</a>
</li>
<li>
仿bilibili网站主页源码
需积分: 44 5 浏览量
2019-01-09
14:10:48
上传
评论 21
收藏 1.03MB RAR 举报
仿bilibili网页源码下载.rar （69个子文件） 
仿哔哩哔哩漫画视频网页源码首页html下载 css 
reset.css 644B index.css 35KB common.css 275B images 
state_icon.png 13KB cont promote_img2.png 13KB
promote_img3.jpg 14KB bangumi_img7.jpg 4KB promote_img1.jpg 12KB bangumi_img1.jpg 5KB bangumi_img2.jpg 5KB bangumi_img8.jpg 4KB live-box__img2.jpg 12KB live-box__img6.jpg 10KB slider_img1.png 41KB slider-user1.jpg 8KB game-list__img2.png 14KB slider_img4.png 48KB bangumi_img6.jpg 5KB game-list__img6.png 28KB main_pic.jpg 3KB slider_img2.png 23KB game-list__img4.png 18KB banner-list__img1.jpg 14KB
nav_img.gif 5KB game-list__img1.png 16KB live-box__img3.jpg 10KB game-center__img1.jpg 48KB bangumi_img4.jpg 5KB sideSlider_img1.png 37KB game_img1.png 5KB main-rank__img2.jpg 19KB live-box__img4.gif 58KB game-list__img7.png 17KB promote_img.jpg 27KB game-list__img3.png 27KB banner-list__img4.jpg 40KB game_img2.png 5KB promote_img4.jpg 10KB slider-user2.jpg 10KB slider-user4.jpg 30KB game_img3.jpg 4KB banner-list__img5.jpg 22KB slider_img3.png 46KB slider-user3.jpg 13KB bangumi_img3.jpg 5KB main-rank__img1.jpg 21KB game-list__img5.png 31KB fdb6ab8c0af50a508718f53c9bbce30161c73fe1.jpg 5KB live_headImg1.jpg 2KB china_title_icon.png 2KB page_icons.png 76KB live_online.png 285B header_logo.png 15KB game-center__shadow.png 309B game_center_title.png 1KB wx_arrow.png 416B user_post_hover.png 446B weibo-qrcode.png 443B app-qrcode.png 508B shadow.png 285B header_bg.jpg 69KB user_post.png 478B weixin-arcode.gif 12KB app-qrcode__box.png 8KB page_icons2.png 4KB js script.js 5KB jquery.min.js 94KB
index.html 258KB favicons 1.png 10KB资源评论
