web期末大作业-基于Html+Css的王者荣耀官网静态页面.zip资源-CSDN下载

共32个文件

jpg：13个

png：9个

jpeg：5个

版权申诉

html

51 浏览量 2024-05-20 08:57:30 上传评论收藏 2.33MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

web期末大作业-HTML+CSS+JS仿王者荣耀官网网站HTML5项目实训源码.zip （32个子文件）

wangzhe-aster

index.js 6KB

css

dongtai.css 584B

base.css 1KB

index.css 17KB

index.html 41KB

images

pic3.jpeg 81KB

index-xuebi.png 108KB

pic-4.jpg 30KB

pic--4.jpg 13KB

pic2.jpeg 95KB

pic-3.jpg 43KB

head-xlnc.jpg 6KB

logo.png 5KB

508_skin.jpg 28KB

pic-1.jpg 20KB

191_skin.jpg 71KB

title_sprite.png 2KB

pic--2.jpg 12KB

pic--1.jpg 10KB

bj.jpg 1.39MB

pic4.jpeg 98KB

pic-2.png 61KB

pic1.jpeg 77KB

footerLogo.jpg 20KB

pic--3.jpg 13KB

xlnc.jpg 36KB

jingling.png 47KB

pic5.jpeg 74KB

nav_search.png 1KB

logo-wzry.png 19KB

denglu.png 792B

rotate_bg.png 827B

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>王者荣耀</title> <link rel="stylesheet" href="css/index.css" /> <link rel="stylesheet" href="css/base.css" /> <link rel="stylesheet" href="css/dongtai.css" /> <script src="js/index.js"></script> </head> <body style="padding-top: 42px">  <div class="header-box" style="position: absolute"> <ul class="header-warpper"> <li class="a-img-warpper f-left"> <a href="#"> </a> </li> <li id="a-img-warpper" class="a-img-warpper-t f-left"> <img id="head-xlnc" class="header-xlnc ost-nb" src="images/head-xlnc.jpg" alt="" style="display: block" /> </li> <li class="header-warpper-right f-right"> <h3 class="header-czpt"> <a href="#">成长守护平台</a> </h3> <h3 class="header-ph"> <a href="#">腾讯游戏排行榜</a> </h3> </li> </ul> <div id="header-xlnc-big" class="header-xlnc-big" style="display: none"> <a href="#"> <img class="ost-nb" src="images/xlnc.jpg" alt="" /> </a> </div> </div>   <header> <div class="head-cont"> <div class="head-nav"> <div class="head-inner">  <h1><a href="#" class="logo" title="王者荣耀">王者荣耀</a></h1>   <ul class="main-nav clearfix"> <li> <a href="#"> 游戏资料 <small>DATA</small> </a> </li> <li> <a href="#"> 内容中心 <small>CONTENTS</small> </a> </li> <li> <a href="#"> 赛事中心 <small>MATCH</small> </a> </li> <li> <a href="#"> 百态王者 <small>DATA</small> </a> </li> <li> <a href="#"> 社区互动 <small>COMMUNTY</small> </a> </li> <li> <a href="#"> 玩家支持 <small>PLAYER</small> </a> </li> <li> <a href="#"> IP新游 <small>NEW GAMES</small> </a> </li> <li class="nav-search"> <a href="#" title="搜索"></a> </li> </ul>   <div class="login-pannel"> <a href="#" style="display: inline-block"> <img class="denglu-pic" src="images/denglu.png" alt="" /> </a> <div class="login-right"> <a href="">欢迎登录</a> <p>登录后查看游戏战绩</p> </div> </div>  </div>  <div class="J-subnav"> <ul class="sub-nav-inner" style="display: block"> <li class="down-nav"> <a href="#">版本介绍</a> <a href="#">游戏介绍</a> <a href="#">英雄资料</a> <a href="#"><i class="icon-fans"></i>爆料站</a> <a href="#"><i class="icon-fans"></i>故事站</a> <a href="#">游戏壁纸</a> </li> <li class="down-nav"> <a href="#">攻略中心</a> <a href="#">英雄攻略</a> <a href="#">视频中心</a> <a href="#"><i class="icon-fans"></i>开放素材库</a> <a href="#">王者视角</a> <a href="#">作者入驻</a> <a href="#">媒体入驻</a> </li> <li class="down-nav"> <a href="#"><i class="icon-hot"></i>冬季冠军杯</a> <a href="#"><i class="icon-hot"></i>KPL</a> <a href="#"><i class="icon-hot"></i>全国大赛</a> <a href="#">模拟战大师赛</a> <a href="#"><i class="icon-fans"></i>K甲联赛</a> <a href="#">高校赛</a> <a href="#">全民赛</a> <a href="#"><i class="icon-fans"></i>赛事数据</a> </li> <li class="down-nav"> <a href="#">荣耀-传承</a> <a href="#">王者文化站</a> <a href="#">全国大赛</a> <a href="#">王者音乐听</a> <a href="#">万千世界</a> <a href="#">星光殿堂</a> <a href="#">商户特权</a> <a href="#"><i class="icon-fans"></i>IP共创计划</a> </li> <li class="down-nav"> <a href="#"><i class="icon-fans"></i>创意互动营</a> <a href="#"><i class="icon-hot"></i>王者营地</a> <a href="#">手Q部落</a> <a href="#">微信圈子</a> <a href="#">官方微博</a> <a href="#">微信公众号</a> <a href="#">手Q订阅号</a> </li> <li class="down-nav"> <a href="#"><i class="icon-guard"></i>成长守护平台</a> <a href="#"><i class="icon-fans"></i>对局环境情报站</a> <a href="#">客服专场</a> <a href="#">礼包兑换</a> <a href="#">自助服务</a> </li> <li class="down-nav"> <a href="#"><i class="icon-fans"></i>代号:破晓</a> <a href="#"><i class="icon-fans"></i>代号:启程</a> </li> </ul> </div>  </div> </div> </header>   <div class="wrapper"> <div style="display: block"> <div class="kv-bg"></div> <a href="#" title="查看详情" class="kv-link"></a> <div class="main">  <div class="main-top"> <div class="rotate"> <div class="ggBox"> <ul class="this-cart"> <li> <a href="#"> <img src="images/pic1.jpeg" alt="" /> </a> </li> <li> <a href="#"> <img src="images/pic2.jpeg" alt="" /> </a> </li> <li> <a href="#"> <img src="images/pic3.jpeg" alt="" /> </a> </li> <li> <a href="#"> <img src="images/pic4.jpeg" alt="" /> </a> </li> <li> <a href="#"> <img src="images/pic5.jpeg" alt="" /> </a> </li> </ul> </div> <div class="adBtn"> <a href="#" class="active">水果甜心票选</a> <a href="#">全国大赛淘汰赛</a> <a href="#">QG世冠巡礼</a> <a href="#">王者别闹</a> <a href="#">世冠赛事预热</a> </div> </div> <div class="new-center"> <div class="newsTab"> <ul class="tab-hd"> <li class="tab-hd-active"><a href="#">热门</a></li> <li><a href="#">新闻</a></li> <li><a href="#">公告</a></li> <li><a href="#">活动</a></li> <li><a href="#">赛事</a></li> </ul> <a href="#" class="tab-more">...</a> <div class="new-con"> <div clas

评论收藏

内容反馈

版权申诉