加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
克隆/下载
index.html 13.30 KB
一键复制 编辑 原始数据 按行查看 历史
陈志航 提交于 2020-01-01 16:19 . 内容可能含有违规信息
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<link rel="stylesheet" href="./css/index.css">
</head>
<body>
<div class="title-log">
<ul style="display: flex;">
<li><img src="./img/logo1.png" alt=""></li>
<li><img src="./img/logo.jpg" alt=""></li>
</ul>
<ul style="display: flex;">
<li style="margin-right: 30px;">成长守护平台</li>
<li>腾讯游戏排行榜</li>
</ul>
</div>
<div class="mid" style="height: 725px;" >
<div class="header" >
<div class="min-in" style="width: 1100px;margin: 0 auto;display: flex;">
<div class="left-logo">
</div>
<div class="right-word">
<ul style="display: flex;" >
<li>官网首页</li>
<li>绑定查询</li>
<li>国服预约</li>
<li>老兵绑定</li>
<li>社区app</li>
<li>网吧认证</li>
</ul>
<ul style="display: flex;" style="margin-top: 30px;">
<li style="height: 40px;width: 120px;background-color: #b27601;text-align: center;line-height: 40px;margin-top: 20px;">进入官网</li>
</ul>
</div>
</div>
</div>
<div class="img-logo">
<ul style="display: flex;">
<li>
<img src="./img/1.jpg" alt="">
</li>
<li>
<img src="./img/2.jpg" alt="">
</li>
<li>
<img src="./img/3.jpg" alt="">
</li>
<li>
<img src="./img/4.jpg" alt="">
</li>
</ul>
</div >
</div>
<div style="background-color: rgb(231, 231, 231);">
<div class="main-bottom" style="margin-top: 80px;">
<div class="left-logo-lunbo">
</div>
<div class="right-tips">
<div style="width: 100%;">
<ul style="display: flex;" class="min-in-ul hoverentry">
<li >综合</li >
<li>公告</li>
<li>新闻</li>
<li>活动</li>
<li>赛事</li>
<li>媒体</li>
</ul>
<div>
<p style="font-size: 16px;color: #e69800;text-align: center;margin-top: 10px;">全新升级!新版绝地求生上线1全新升级</p>
</div>
<div style="padding-left: 35px;margin-top: 20px;" class="tipslist">
<p style="font-size: 12px;margin-top: 20px;">[新...&nbsp;&nbsp;腾讯安全团队助力1“净网行动”,玉田警方连续破...&nbsp;&nbsp;12/26</p>
<p style="font-size: 12px;margin-top: 20px;">[新...&nbsp;&nbsp;腾讯安全团队助力“净网行动”,玉田警方连续破...&nbsp;&nbsp;12/26</p>
<p style="font-size: 12px;margin-top: 20px;">[新...&nbsp;&nbsp;腾讯安全团队助力“净网行动”,玉田警方连续破...&nbsp;&nbsp;12/26</p>
<p style="font-size: 12px;margin-top: 20px;">[新...&nbsp;&nbsp;腾讯安全团队助力“净网行动”,玉田警方连续破...&nbsp;&nbsp;12/26</p>
<p style="font-size: 12px;margin-top: 20px;">[新...&nbsp;&nbsp;腾讯安全团队助力“净网行动”,玉田警方连续破...&nbsp;&nbsp;12/26</p>
<p style="font-size: 12px;margin-top: 20px;">[新...&nbsp;&nbsp;腾讯安全团队助力“净网行动”,玉田警方连续破...&nbsp;&nbsp;12/26</p>
<p style="font-size: 12px;margin-top: 20px;">[新...&nbsp;&nbsp;腾讯安全团队助力“净网行动”,玉田警方连续破...&nbsp;&nbsp;12/26</p>
<p style="font-size: 12px;margin-top: 20px;">[新...&nbsp;&nbsp;腾讯安全团队助力“净网行动”,玉田警方连续破...&nbsp;&nbsp;12/26</p>
</div>
<div style="padding-left: 35px;margin-top: 20px;" class="tipslist">
<p style="font-size: 12px;margin-top: 20px;">[新...&nbsp;&nbsp;腾讯安全团队助力2“净网行动”,玉田警方连续破...&nbsp;&nbsp;12/26</p>
<p style="font-size: 12px;margin-top: 20px;">[新...&nbsp;&nbsp;腾讯安全团队助力“净网行动”,玉田警方连续破...&nbsp;&nbsp;12/26</p>
<p style="font-size: 12px;margin-top: 20px;">[新...&nbsp;&nbsp;腾讯安全团队助力“净网行动”,玉田警方连续破...&nbsp;&nbsp;12/26</p>
<p style="font-size: 12px;margin-top: 20px;">[新...&nbsp;&nbsp;腾讯安全团队助力“净网行动”,玉田警方连续破...&nbsp;&nbsp;12/26</p>
<p style="font-size: 12px;margin-top: 20px;">[新...&nbsp;&nbsp;腾讯安全团队助力“净网行动”,玉田警方连续破...&nbsp;&nbsp;12/26</p>
<p style="font-size: 12px;margin-top: 20px;">[新...&nbsp;&nbsp;腾讯安全团队助力“净网行动”,玉田警方连续破...&nbsp;&nbsp;12/26</p>
<p style="font-size: 12px;margin-top: 20px;">[新...&nbsp;&nbsp;腾讯安全团队助力“净网行动”,玉田警方连续破...&nbsp;&nbsp;12/26</p>
<p style="font-size: 12px;margin-top: 20px;">[新...&nbsp;&nbsp;腾讯安全团队助力“净网行动”,玉田警方连续破...&nbsp;&nbsp;12/26</p>
</div>
<div style="padding-left: 35px;margin-top: 20px;" class="tipslist">
<p style="font-size: 12px;margin-top: 20px;">[新...&nbsp;&nbsp;腾讯安全团队助力3“净网行动”,玉田警方连续破...&nbsp;&nbsp;12/26</p>
<p style="font-size: 12px;margin-top: 20px;">[新...&nbsp;&nbsp;腾讯安全团队助力“净网行动”,玉田警方连续破...&nbsp;&nbsp;12/26</p>
<p style="font-size: 12px;margin-top: 20px;">[新...&nbsp;&nbsp;腾讯安全团队助力“净网行动”,玉田警方连续破...&nbsp;&nbsp;12/26</p>
<p style="font-size: 12px;margin-top: 20px;">[新...&nbsp;&nbsp;腾讯安全团队助力“净网行动”,玉田警方连续破...&nbsp;&nbsp;12/26</p>
<p style="font-size: 12px;margin-top: 20px;">[新...&nbsp;&nbsp;腾讯安全团队助力“净网行动”,玉田警方连续破...&nbsp;&nbsp;12/26</p>
<p style="font-size: 12px;margin-top: 20px;">[新...&nbsp;&nbsp;腾讯安全团队助力“净网行动”,玉田警方连续破...&nbsp;&nbsp;12/26</p>
<p style="font-size: 12px;margin-top: 20px;">[新...&nbsp;&nbsp;腾讯安全团队助力“净网行动”,玉田警方连续破...&nbsp;&nbsp;12/26</p>
<p style="font-size: 12px;margin-top: 20px;">[新...&nbsp;&nbsp;腾讯安全团队助力“净网行动”,玉田警方连续破...&nbsp;&nbsp;12/26</p>
</div>
<div style="padding-left: 35px;margin-top: 20px;" class="tipslist">
<p style="font-size: 12px;margin-top: 20px;">[新...&nbsp;&nbsp;腾讯安全团队助力4“净网行动”,玉田警方连续破...&nbsp;&nbsp;12/26</p>
<p style="font-size: 12px;margin-top: 20px;">[新...&nbsp;&nbsp;腾讯安全团队助力“净网行动”,玉田警方连续破...&nbsp;&nbsp;12/26</p>
<p style="font-size: 12px;margin-top: 20px;">[新...&nbsp;&nbsp;腾讯安全团队助力“净网行动”,玉田警方连续破...&nbsp;&nbsp;12/26</p>
<p style="font-size: 12px;margin-top: 20px;">[新...&nbsp;&nbsp;腾讯安全团队助力“净网行动”,玉田警方连续破...&nbsp;&nbsp;12/26</p>
<p style="font-size: 12px;margin-top: 20px;">[新...&nbsp;&nbsp;腾讯安全团队助力“净网行动”,玉田警方连续破...&nbsp;&nbsp;12/26</p>
<p style="font-size: 12px;margin-top: 20px;">[新...&nbsp;&nbsp;腾讯安全团队助力“净网行动”,玉田警方连续破...&nbsp;&nbsp;12/26</p>
<p style="font-size: 12px;margin-top: 20px;">[新...&nbsp;&nbsp;腾讯安全团队助力“净网行动”,玉田警方连续破...&nbsp;&nbsp;12/26</p>
<p style="font-size: 12px;margin-top: 20px;">[新...&nbsp;&nbsp;腾讯安全团队助力“净网行动”,玉田警方连续破...&nbsp;&nbsp;12/26</p>
</div>
<div style="padding-left: 35px;margin-top: 20px;" class="tipslist">
<p style="font-size: 12px;margin-top: 20px;">[新...&nbsp;&nbsp;腾讯安全团队助力5“净网行动”,玉田警方连续破...&nbsp;&nbsp;12/26</p>
<p style="font-size: 12px;margin-top: 20px;">[新...&nbsp;&nbsp;腾讯安全团队助力“净网行动”,玉田警方连续破...&nbsp;&nbsp;12/26</p>
<p style="font-size: 12px;margin-top: 20px;">[新...&nbsp;&nbsp;腾讯安全团队助力“净网行动”,玉田警方连续破...&nbsp;&nbsp;12/26</p>
<p style="font-size: 12px;margin-top: 20px;">[新...&nbsp;&nbsp;腾讯安全团队助力“净网行动”,玉田警方连续破...&nbsp;&nbsp;12/26</p>
<p style="font-size: 12px;margin-top: 20px;">[新...&nbsp;&nbsp;腾讯安全团队助力“净网行动”,玉田警方连续破...&nbsp;&nbsp;12/26</p>
<p style="font-size: 12px;margin-top: 20px;">[新...&nbsp;&nbsp;腾讯安全团队助力“净网行动”,玉田警方连续破...&nbsp;&nbsp;12/26</p>
<p style="font-size: 12px;margin-top: 20px;">[新...&nbsp;&nbsp;腾讯安全团队助力“净网行动”,玉田警方连续破...&nbsp;&nbsp;12/26</p>
<p style="font-size: 12px;margin-top: 20px;">[新...&nbsp;&nbsp;腾讯安全团队助力“净网行动”,玉田警方连续破...&nbsp;&nbsp;12/26</p>
</div>
<div style="padding-left: 35px;margin-top: 20px;" class="tipslist">
<p style="font-size: 12px;margin-top: 20px;">[新...&nbsp;&nbsp;腾讯安全团队助力6“净网行动”,玉田警方连续破...&nbsp;&nbsp;12/26</p>
<p style="font-size: 12px;margin-top: 20px;">[新...&nbsp;&nbsp;腾讯安全团队助力“净网行动”,玉田警方连续破...&nbsp;&nbsp;12/26</p>
<p style="font-size: 12px;margin-top: 20px;">[新...&nbsp;&nbsp;腾讯安全团队助力“净网行动”,玉田警方连续破...&nbsp;&nbsp;12/26</p>
<p style="font-size: 12px;margin-top: 20px;">[新...&nbsp;&nbsp;腾讯安全团队助力“净网行动”,玉田警方连续破...&nbsp;&nbsp;12/26</p>
<p style="font-size: 12px;margin-top: 20px;">[新...&nbsp;&nbsp;腾讯安全团队助力“净网行动”,玉田警方连续破...&nbsp;&nbsp;12/26</p>
<p style="font-size: 12px;margin-top: 20px;">[新...&nbsp;&nbsp;腾讯安全团队助力“净网行动”,玉田警方连续破...&nbsp;&nbsp;12/26</p>
<p style="font-size: 12px;margin-top: 20px;">[新...&nbsp;&nbsp;腾讯安全团队助力“净网行动”,玉田警方连续破...&nbsp;&nbsp;12/26</p>
<p style="font-size: 12px;margin-top: 20px;">[新...&nbsp;&nbsp;腾讯安全团队助力“净网行动”,玉田警方连续破...&nbsp;&nbsp;12/26</p>
</div>
</div>
</div>
</div>
<div class="main-video">
<h2>精彩视频</h2>
<div >
<ul class="video-class">
<li>
<img src="./img/10.jpg" alt="">
<p style="font-size: 13px;">特色站解读-紧张刺激</p>
</li>
<li>
<img src="./img/10.jpg" alt="">
<p style="font-size: 13px;">特色站解读-紧张刺激</p>
</li>
<li>
<img src="./img/10.jpg" alt="">
<p style="font-size: 13px;">特色站解读-紧张刺激</p>
</li>
<li>
<img src="./img/10.jpg" alt="">
<p style="font-size: 13px;">特色站解读-紧张刺激</p>
</li>
</ul>
</div>
</div>
</div>
<script src="./js/jquery.js"></script>
<script>
$(".tipslist").hide()
$(".tipslist").eq(0).show()
$(".hoverentry>li").mouseenter(function(e){
let nowStep = $(this).index()
for(let i = 0;i<6;i++){
$(".tipslist").eq(i).hide()
}
$(".tipslist").eq(nowStep).show()
})
</script>
</body>
</html>
Loading...
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化