<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>角色</title>
<link rel="stylesheet" type="text/css" href="css/index.css"/>
<script src="js/2.js" type="text/javascript" charset="utf-8"></script>
<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
//返回顶部
$(function () {
$(window).scroll(function(){
if ($(window).scrollTop()>100){/*距离顶部*/
$("#toTop").fadeIn(1000);/*出现渐变*/
}
else
{
$("#toTop").fadeOut(500);/*消失渐变*/
}
});
$("#toTop").click(function(){
$('body,html').animate({scrollTop:0},500);/*调整返回速度*/
return false;
});
});
</script>
</head>
<body>
<div id="whole">
<div id="d12">
<div id="head">
<div id="nav">
<div class="logo">
<a href="1.html"><img src="img/1.png"></a>
</div>
<div class="c2"><a href="index.html">首页</a></div>
<div class="c2"><a href="juese.html">角色</a></div>
<div class="c2"><a href="shipin.html">视频CG</a></div>
<div class="c2"><a href="xiazai.html">下载</a></div>
<div id="c22" class="c2"><a href="beijinggushi.html">背景故事</a></div>
<div id="c22" class="c2"><a href="youximoshi.html">游戏模式</a></div>
<div id="c22" class="c2"><a href="lianxi.html">联系我们</a></div>
<div id="d4">
<a href="###">通行证</a>
<div class="c1">
<div id="c11">
<button id="login" type="button" onclick="divshow()">登录</button>
</div>
<div id="c12">
<a href="#">注册</a>
</div>
<div id="c13">
<a href="#">账户</a>
</div>
</div>
</div>
<div id="d5">
<img class="img2" src="img/logo1.png"/>
<a onclick="divclose()"><img class="i" src="img/QQ图片20181123135526.png"/></a>
<div id="biaodan">
<form name="form">
<div class="form">
<div id="form-item1" class="form-item">
<input type="text" name="text" placeholder="电子邮箱" autocomplete="off">
</div>
<div id="form-item2" class="form-item">
<input type="password" name="password" placeholder="密码" autocomplete="off">
</div>
<div id="denglu">
<button class="button1" type="button">登录</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<p class="p2">英雄角色</p>
<div id="renwu">
<div class="juese">
<a href="###" class="dva"><img class="i5" src="img/dva.png"/>
<span class="container">
<span class="iocn">
<svg viewBox="0 0 32 32" role="presentation" class="iocn">
<path d="M29 10.7v6.2c0 .6-.1 1.1-.4 1.6-2.9 5.3-6.8 9.7-11.8 13.2-.6.4-1 .4-1.6 0-4.9-3.4-8.8-7.8-11.7-13-.3-.6-.4-1.2-.4-1.8 0-3.9.1-7.8 0-11.7-.1-2.9 2.1-3.3 4-3.8C10.4.6 13.3 0 16.6 0c3.1 0 7.7 1.1 9.4 1.6 1.3.4 2.7.9 2.9 2.2.1 1.1 0 2.2.1 3.3v3.6z">
</path>
</svg>
</span>
<span class="iocn2">D.VA</span>
</span>
</a>
</div>
<div class="juese">
<a href="###" class="dva"><img class="i5" src="img/dachui.png"/>
<span class="container">
<span class="iocn">
<svg viewBox="0 0 32 32" role="presentation" class="iocn">
<path d="M29 10.7v6.2c0 .6-.1 1.1-.4 1.6-2.9 5.3-6.8 9.7-11.8 13.2-.6.4-1 .4-1.6 0-4.9-3.4-8.8-7.8-11.7-13-.3-.6-.4-1.2-.4-1.8 0-3.9.1-7.8 0-11.7-.1-2.9 2.1-3.3 4-3.8C10.4.6 13.3 0 16.6 0c3.1 0 7.7 1.1 9.4 1.6 1.3.4 2.7.9 2.9 2.2.1 1.1 0 2.2.1 3.3v3.6z">
</path>
</svg>
</span>
<span class="iocn2">莱因哈特</span>
</span>
</a>
</div>
<div class="juese">
<a href="###" class="dva"><img class="i5" src="img/meiyangyang.png"/>
<span class="container">
<span class="iocn">
<svg viewBox="0 0 32 32" role="presentation" class="iocn">
<path d="M29 10.7v6.2c0 .6-.1 1.1-.4 1.6-2.9 5.3-6.8 9.7-11.8 13.2-.6.4-1 .4-1.6 0-4.9-3.4-8.8-7.8-11.7-13-.3-.6-.4-1.2-.4-1.8 0-3.9.1-7.8 0-11.7-.1-2.9 2.1-3.3 4-3.8C10.4.6 13.3 0 16.6 0c3.1 0 7.7 1.1 9.4 1.6 1.3.4 2.7.9 2.9 2.2.1 1.1 0 2.2.1 3.3v3.6z">
</path>
</svg>
</span>
<span class="iocn2">奥丽莎</span>
</span>
</a>
</div>
<div class="juese">
<a href="###" class="dva"><img class="i5" src="img/maomei.png"/>
<span class="container">
<span class="iocn">
<svg viewBox="0 0 32 32" role="presentation" class="iocn">
<path d="M29 10.7v6.2c0 .6-.1 1.1-.4 1.6-2.9 5.3-6.8 9.7-11.8 13.2-.6.4-1 .4-1.6 0-4.9-3.4-8.8-7.8-11.7-13-.3-.6-.4-1.2-.4-1.8 0-3.9.1-7.8 0-11.7-.1-2.9 2.1-3.3 4-3.8C10.4.6 13.3 0 16.6 0c3.1 0 7.7 1.1 9.4 1.6 1.3.4 2.7.9 2.9 2.2.1 1.1 0 2.2.1 3.3v3.6z">
</path>
</svg>
</span>
<span class="iocn2">查莉娅</span>
</span>
</a>
</div>
<div class="juese">
<a href="###" class="dva"><img class="i5" src="img/luba.png"/>
<span class="container">
<span class="iocn">
<svg viewBox="0 0 32 32" role="presentation" class="iocn">
<path d="M29 10.7v6.2c0 .6-.1 1.1-.4 1.6-2.9 5.3-6.8 9.7-11.8 13.2-.6.4-1 .4-1.6 0-4.9-3.4-8.8-7.8-11.7-13-.3-.6-.4-1.2-.4-1.8 0-3.9.1-7.8 0-11.7-.1-2.9 2.1-3.3 4-3.8C10.4.6 13.3 0 16.6 0c3.1 0 7.7 1.1 9.4 1.6 1.3.4 2.7.9 2.9 2.2.1 1.1 0 2.2.1 3.3v3.6z">
</path>
</svg>
</span>
<span class="iocn2">充电宝</span>
</span>
</a>
</div>
<div class="juese">
<a href="###" class="dva"><img class="i5" src="img/xingxing.png"/>
<span class="container">
<span class="iocn">
<svg viewBox="0 0 32 32" role="presentation" class="iocn">
<path d="M29 10.7v6.2c0 .6-.1 1.1-.4 1.6-2.9 5.3-6.8 9.7-11.8 13.2-.6.4-1 .4-1.6 0-4.9-3.4-8.8-7.8-11.7-13-.3-.6-.4-1.2-.4-1.8 0-3.9.1-7.8 0-11.7-.1-2.9 2.1-3.3 4-3.8C10.4.6 13.3 0 16.6 0c3.1 0 7.7 1.1 9.4 1.6 1.3.4 2.7.9 2.9 2.2.1 1.1 0 2.2.1 3.3v3.6z">
</path>
</svg>
</span>
<span class="iocn2">充电宝</span>
</span>
</a>
</div>
<div class="juese">
<a href="###" class="dva"><img class="i5" src="img/cangsuqiu.png"/>
<span class="container">
<span class="iocn">
<svg viewBox="0 0 32 32" role="presentation" class="iocn">
<path d="M29 10.7v6.2c0 .6-.1 1.1-.4 1.6-2.9 5.3-6.8 9.7-11.8 13.2-.6.4-1 .4-1.6 0-4.9-3.4-8.8-7.8-11.7-13-.3-.6-.4-1.2-.4-1.8 0-3.9.1-7.8 0-11.7-.1-2.9 2.1-3.3 4-3.8C10.4.6 13.3 0 16.6 0c3.1 0 7.7 1.1 9.4 1.6 1.3.4 2.7.9 2.9 2.2.1 1.1 0 2.2.1 3.3v3.6z">
</path>
</svg>
</span>
<span class="iocn2">充电宝</span>
</span>
</a>
</div>
<div class="juese">
<a href="###" class="dva"><img class="i5" src="img/soldier-76.png"/>
<span class="container">
<span class="iocn">
<svg viewBox="0 0 32 32" role="presentation" class="iocn">
<g>
<path d="M2.1 28.1h7.1V32H2.1z"></path>
<path d="M9.1 7v-.7C8.6 1.5 5.6 0 5.6 0s-3 1.5-3.5 6.3V25.4h7V7z"></path>
</g>
<g>
<path d="M12.5 28.1h7.1V32h-7.1z"></path>
<path d="M19.5 7v-.7C19 1.5 16 0 16 0s-3 1.5-3.5 6.3V25.4h7V7z"></path>
</g>
<g>
<path d="M22.9 28.1H30V32h-7.1z"></path>
<path d="M29.9 7v-.7C29.4 1.5 26.4 0 26.4 0s-3 1
课程设计29.0.rar
需积分: 10 10 浏览量
2019-12-07
21:24:31
上传
评论 8
收藏 162.14MB RAR 举报
课程设计29.0.rar （183个子文件） 
index.css 28KB 1.css 4KB
juese.html 26KB beijinggushi.html 16KB shipin.html 14KB youximoshi.html 7KB index.html 5KB lianxi.html 5KB xiazai.html 4KB 1.html 2KB
18.jpg 3.09MB 27.jpg 3MB 9.jpg 2.92MB 25.jpg 2.85MB 19.jpg 2.81MB 11.jpg 2.43MB 8.jpg 2.35MB 12.jpg 2.35MB 10.jpg 2.33MB 15.jpg 2.31MB 22.jpg 2.27MB 23.jpg 2.24MB 21.jpg 2.23MB 13.jpg 2.23MB 17.jpg 2.2MB 26.jpg 2.18MB 16.jpg 2.16MB 14.jpg 2.14MB 24.jpg 1.99MB 20.jpg 1.83MB 7.jpg 1.47MB sp9.jpg 1.44MB beijing2.jpg 536KB 大锤.jpg 536KB timg8.jpg 395KB sp4.jpg 241KB sp7.jpg 172KB xcsp.jpg 132KB timg (11).jpg 121KB timg3.jpg 110KB beijing.jpg 90KB sp8.jpg 86KB jieji.jpg 84KB bachang.jpg 83KB sp15.jpg 83KB totop.jpg 81KB kuaisu.jpg 80KB sp19.jpg 76KB sp6.jpg 69KB diannao.jpg 66KB sp16.jpg 64KB sp20.jpg 52KB sp2.jpg 52KB sp5.jpg 51KB sp14.jpg 50KB sp1.jpg 48KB sp12.jpg 48KB zidingyi.jpg 47KB sp21.jpg 44KB sp10.jpg 39KB sp11.jpg 38KB sp3.jpg 36KB lxwm.jpg 34KB jingji.jpg 31KB sp13.jpg 31KB timg.jpg 28KB sp18.jpg 21KB sp17.jpg 16KB jquery.min.js 123KB 2.js 7KB index.js 2KB
1.mp4 98.62MB
QQ图片20181122200313.png 2.17MB timg (2).png 1.42MB rw-aolisha.png 640KB rw-pohuaiqiu.png 632KB rw-D.VA.png 544KB rw-laiyinhate.png 439KB rw-xingxing.png 358KB rw-bulijita.png 353KB logo-overwatch-full.png 332KB rw-baolei.png 331KB rw-moyila.png 289KB rw-aishi.png 268KB rw-sishen.png 250KB rw-banzang.png 247KB rw-faji.png 216KB QQ图片20181202170502.png 210KB QQ图片20181202163406.png 210KB rw-tuobiang.png 182KB logo1.png 174KB 未标题-1.png 164KB rw-luba.png 159KB rw-tianshi.png 159KB 未标题-2.png 156KB rw-heshang.png 155KB rw-asan.png 149KB rw-heibaihe.png 122KB kuangsu.png 117KB rw-liekong.png 114KB共 183 条
- 1
- 2
资源评论
