<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>动漫网站</title>
<!-- 引入bootstrap样式 -->
<link rel="stylesheet" href="lib/bootstrap/css/bootstrap.css" />
<!-- 引入图标库 标签页的logo-->
<link rel="shortcut icon" type="image/x-icon" />
<!-- 引入外部进入的CSS样式 -->
<link rel="stylesheet" href="css/index.css">
<!-- 引入js -->
<script src="lib/jquery/jquery.js"></script>
<!-- 引入bootstrap的js插件 -->
<script src="lib/bootstrap/js/bootstrap.js"></script>
<!-- 你自己的脚本文件 -->
<script src="js/index.js"></script>
</head>
<body>
<!-- 头部 -->
<header id="lk_header">
<!-- 上半部分 -->
<div class="top-bar hidden-sm hidden-xs text-center text-muted">
<!-- class="container"使用bootstrap -->
<div class="container">
<div class="row">
<div class="top-bar-1 col-md-2">
<a href="" class="text-muted">
<i class="glyphicon glyphicon-time"></i>
<span>播放记录</span>
<span class="caret"></span>
</a>
</div>
<div class="top-bar-2 col-md-5">
<i class="glyphicon glyphicon-signal"></i>
<span>排行榜</span>
</div>
<div class="top-bar-3 col-md-2">
<a href="" class="text-muted">最近更新</a>
</div>
<div class="top-bar-4 col-md-3">
<a class="btn btn-default btn-sm btn-register" href="#" role="button">免费注册</a>
<a href="#" role="button" class="text-muted" style="margin-left: 10px;" data-toggle="modal"
data-target="#lk_login">立即登录</a>
</div>
</div>
</div>
</div>
<!-- 下半部分 -->
<nav class="navbar navbar-default navbar-static-top navbar-lk">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
data-target="#lk_nav" aria-expanded="false">
<span class="sr-only"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a href="" class="navbar-brand">
<img src="img/1.png" alt="标题" width="90">
</a>
</div>
<div class="collapse navbar-collapse" id="lk_nav">
<ul class="nav navbar-nav">
<li class="active"><a href="javascript:;">首页</a></li>
<li><a href="http://www.fengchedm.com/list/137-1.html;" target="_blank">国产动画</a></li>
<li><a href="http://www.fengchedm.com/list/137-1.html;" target="_blank">日本动画</a></li>
<li><a href="http://www.fengchedm.com/list/137-1.html;" target="_blank">欧美动画</a></li>
<li><a href="http://www.fengchedm.com/list/137-1.html;" target="_blank">韩国动画</a></li>
<li><a href="http://www.fengchedm.com/list/137-1.html;" target="_blank">其他</a></li>
</ul>
<ul class="nav navbar-nav navbar-right hidden-sm hidden-xs">
<li><a href="#">个人中心</a></li>
</ul>
</div>
</div>
</nav>
</header>
<!-- 轮播图 -->
<section id="lk_carousel" class="carousel slide" data-ride="carousel">
<!-- 指示器 -->
<ol class="carousel-indicators">
<li data-target="#lk_carousel" data-slide-to="0" class="active"></li>
<li data-target="#lk_carousel" data-slide-to="1"></li>
<li data-target="#lk_carousel" data-slide-to="2"></li>
<li data-target="#lk_carousel" data-slide-to="3"></li>
<li data-target="#lk_carousel" data-slide-to="4"></li>
<li data-target="#lk_carousel" data-slide-to="5"></li>
</ol>
<!-- 滚动的内容 -->
<div class="carousel-inner" role="listbox">
<div class="item active" data-sm-img="img/slide01_640x340.jpg"
data-lg-img="img/slide01_1800x780.jpg"></div>
<div class="item" data-sm-img="img/slide02_640x340.jpg"
data-lg-img="img/slide_02_1800x780.jpg"></div>
<div class="item" data-sm-img="img/silde03_640x340.jpgv"
data-lg-img="img/slide03.jpg"></div>
<div class="item" data-sm-img="img/slide04_640x340.jpg"
data-lg-img="img/slide04.jpg"></div>
<div class="item" data-sm-img="img/slide05_640x340.jpg"
data-lg-img="img/slide05.jpg"></div>
<div class="item" data-sm-img="img/slide06_640x340.jpg"
data-lg-img="img/slide06.jpg"></div>
</div>
<!-- 左右控制 -->
<a class="left carousel-control" href="#lk_carousel" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#lk_carousel" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</section>
<!-- 宫崎骏 -->
<section id="lk_about" class="hidden-xs hidden-sm" >
<!-- 标题 -->
<div class="title text-center">
<h1><strong><a href="https://baike.so.com/doc/2874715-3033704.html;" target="_blank">宫崎骏</a></strong></h1>
<img src="img/star.png" alt="" class="img-responsive " style="margin:0 auto ;">
</div>
<!-- 主要内容 -->
<div class="container">
<div class="row">
<div class="col-md-8">
<font class="text-muted" face="楷体">
  宫崎骏（Miyazaki Hayao，1941年1月5日－）日本著名动画导演、动画师及漫画家，出生于东京都文京区。
</font><br/>
<font class="text-muted" face="楷体">
  1963年进入东映动画公司，1985年与高畑勋共同创立吉卜力工作室。2013年9月6日宣布引退。宫崎骏的动画作品大多涉及人类与自然之间的关系、和平主义及女权运动，出品的动漫电影以精湛的技术、动人的故事和温暖的风格在世界动漫界独树一帜。
</font><br/>
<font class="text-muted" face="楷体">
  2014年8月，美国电影艺术与科学学院宣布，授予宫崎骏奥斯卡终身成就奖。洛杉矶时间2014年11月8日晚，第6届荣誉奥斯卡终身成就奖颁奖礼举行，宫崎骏被授予该项荣誉。2015年2月22日，获得了第87届奥斯卡金像奖奥斯卡荣誉奖。2015年7月，宣布复出。2018年10月23日，被洛杉矶影评人协会评选为2018年的终身成就奖获得者。
</font>
</div>
<div class="col-md-4">
<img src="img/gongqijun.jpg" class="img-round img-responsive">
</div>
</div>
</div>
</section>
<!-- 动漫简介 -->
<section id="lk_product">
<div class="container">
<div class="row">
<!-- 头部部分 -->
<div style="overflow:auto;">
<ul class="nav nav-tabs" role="tablist" >
<li role="presentation " class="active">
<a href="#product1" aria-controls="home" role="tab"
data-toggle="tab">岸上的波妞</a>
</li>
<li role="presentation " >
<a href="#product2" aria-controls="profile" role="tab"
data-toggle="tab">起风了</a>
</li>
<li role="presentation " >
<a href="#product3" aria-controls="message" role="tab"
data-toggle="tab">魔女宅急便</a>
</li>
<li role="presentation " >
<a href="#product4" aria-controls="message" role="tab"
data-toggle="tab">千与千寻</a>
</li>
<li role="presentation " >
<a href="#product5" aria-controls="message" role="tab"
data-toggle="tab">龙猫</a>
</li>
<li role="presentation " >
<a href="#product6" aria-controls="message" role="tab"
data-toggle="tab">天空之城</a>
</li>
<li class="pull-right" hidden-sm hidden-xs>
<a href="https://www.douban.com/search?cat=1002&q=%E5%AE%AB%E5%B4%8E%E9%AA%8F;" ta
【毕业设计课程设计答辩】动漫简介.zip
需积分: 1 64 浏览量
2023-11-28
15:52:18
上传
评论
收藏 51.31MB ZIP 举报
【毕业设计课程设计答辩】动漫简介.zip （85个子文件） 
【毕业设计课程设计答辩】动漫简介 lib respond 
respond.matchmedia.addListener.src.js 10KB respond.matchmedia.addListener.min.js 5KB respond.min.js 4KB respond.src.js 8KB html5shiv html5shiv-printshiv.min.js 4KB html5shiv.min.js 3KB html5shiv-printshiv.js 16KB html5shiv.js 10KB bootstrap js bootstrap.js 67KB npm.js 484B bootstrap.min.js 36KB css bootstrap-theme.min.css.map 5KB bootstrap.min.css 118KB bootstrap-theme.css.map 47KB bootstrap-theme.css 26KB bootstrap.css.map 380KB bootstrap.css 143KB bootstrap-theme.min.css 23KB bootstrap.min.css.map 53KB fonts 
glyphicons-halflings-regular.svg 106KB glyphicons-halflings-regular.ttf 44KB glyphicons-halflings-regular.woff 23KB glyphicons-halflings-regular.eot 20KB glyphicons-halflings-regular.woff2 18KB jquery jquery.js 242KB jquery.min.js 82KB jquery.min.map 125KB js index.js 758B img 
bili.jpg 34KB slide06.jpg 146KB xiaoli.jpg 31KB wei2.jpg 17KB qianxun.jpg 112KB slide05.jpg 291KB slide04.jpg 209KB boniu.jpg 2.37MB qinqin.jpg 23KB slide_02_1800x780.jpg 218KB die.jpg 65KB slide03.jpg 141KB wei5.jpg 42KB wei1.jpg 17KB slide01_1800x780.jpg 190KB xiari.jpg 80KB youku.jpg 35KB wei6.jpg 47KB slide02_640x340.jpg 58KB
biaoti.png 29KB slide05_640x340.jpg 73KB 1.png 10KB wunv.jpg 52KB bd_logo1.png 8KB slide04_640x340.jpg 59KB silde03_640x340.jpg 35KB wei.jpg 144KB aiqiyi.jpg 25KB longmao.jpg 77KB tu.jpg 46KB weibo.png 6KB qifengle.jpg 743KB xiaoli2.jpg 34KB google-logo.png 7KB music3.mp3 5.63MB gongqijun.jpg 192KB nv.jpg 31KB music2.mp3 3.08MB wei3.jpg 17KB weixin-h.png 4KB tiankong.jpg 126KB
shiping.mp4 28.65MB mang.jpg 35KB morestar.png 328KB zhicheng.jpg 72KB wei7.jpg 42KB music.mp3 9.18MB slide01_640x340.jpg 47KB star.png 477B slide06_640x340.jpg 41KB
music.html 108B css index.css 5KB index.html 26KB fonts lk.svg 5KB lk.ttf 2KB lk.woff 2KB lk.eot 3KB资源评论
