<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>《原神》官网-踏入充满冒险的神奇世界</title>
<link rel="icon" type="image/x-icon" href="image\原神logo.ico" /><!--网页图标-->
<link rel="stylesheet" href="css\index.css" />
<link rel="stylesheet" href="css/font-index..css">
<link rel="stylesheet" href="css/swiper-bundle.min.css">
<link rel="stylesheet" href="css/city.css">
<link rel="stylesheet" href="css/footer.css">
<link rel="stylesheet" href="css/login.css">
<link rel="stylesheet" href="css/news.css">
</head>
<body>
<div class="header">
<div class="audio-controller" id="audiu_on">
<img src="image/播放开.png" style="width: 100%;" id="audio_headerimg"/>
<audio id="bgMusic">
<source src="audio/原神官网视频 - 1.最终版(Av55055298,P1).mp3" type="audio/mp3">
</audio>
</div>
<div class="audio-controller" id="audio_off" style="display: none;">
<img src="image/播放关.png" style="width: 100%;" id="audio_headerimg"/>
<audio id="bgMusic">
<source src="audio/原神官网视频 - 1.最终版(Av55055298,P1).mp3" type="audio/mp3">
</audio>
</div>
<div class="header__logo--cut">
<img src="image/原神主页logo.png">
</div>
<div class="header__navbar">
<div class="header_Cloud"></div>
<div class="header_navitem">
<a class="header_hover" href="index.html">首 页</a>
<a>新 闻</a>
<a>角 色</a>
<a>世 界</a>
<a>漫 画</a>
<a>社 区</a>
</div>
</div>
<button class="header__login">
<span>登 录</span>
<img src="image/登录.png">
</button>
<div class="mhy-account-flow mhy-account-flow-dialog ys-theme is-pc" style="display: none;" id="login">
<div class="mhy-account-flow-dialog-content">
<div class="mhy-account-flow-login">
<img src="image/mihuayouLOGo.png" class="logo">
<img src="image/X.png" class="close-icon">
</div>
<div class="mhy-account-flow-tabs tabs-flex">
<div class="tab-item active">
<span>验证码登录</span>
</div>
<div class="tab-item">
<span id="mimaloginers">密码登录</span>
</div>
</div>
<form>
<div class="mhy-account-flow-form-input">
<div class="input-container">
<input type="tel" placeholder="手机号注册/登录" id="containerinput" maxlength="11">
</div>
<p class="error-text">*手机号不能为空</p>
<p class="error-text" style="display: none;" id="MobilePhoneFormat">*手机格式错误</p>
</div>
<div class="mhy-account-flow-form-input">
<div class="input-container">
<div class="mhy-toast" style="display: none;">请输入正确的手机号</div>
<input type="tel" placeholder="验证码" maxlength="6">
<div class="input-inner-btn captcha-login-inner-btn" id="VerificationCode">
获取验证码
</div>
</div>
</div>
<div></div>
<div class="mhy-login-button">
<button type="submit" class="login-btn">登录</button>
</div>
</form>
<div class="register-bar">
<a href="">登录遇到问题？</a>
<a href="" class="to-register">立即注册</a>
</div>
<p class="login-tip">
<span>未注册的手机验证后将自动登录。注册/登录即代表<br>您同意并遵守</span>
<a>《米哈游通行证用户服务协议》</a>
<a href="">《米<br>哈游通行证用户个人信息及隐私保护政策》</a>
</p>
</div>
<!-- 密码登录 -->
<div class="mhy-account-flow-dialog-content" id="mimalogin" style="display: none;">
<div class="mhy-account-flow-login">
<img src="image/mihuayouLOGo.png" class="logo">
<img src="image/X.png" class="close-icon" id="x2">
</div>
<div class="mhy-account-flow-tabs tabs-flex">
<div class="tab-item">
<span id="yzmloginer">验证码登录</span>
</div>
<div class="tab-item">
<span id="mimaloginer">密码登录</span>
</div>
</div>
<form>
<div class="mhy-account-flow-form-input">
<div class="input-container">
<input type="tel" placeholder="手机号/邮箱">
</div>
</div>
<div class="mhy-account-flow-form-input">
<div class="input-container">
<input type="tel" placeholder="密码" maxlength="6">
<div class="input-inner-btn captcha-login-inner-btn">
</div>
</div>
</div>
<div></div>
<div class="mhy-login-button">
<button type="submit" class="login-btn">登录</button>
</div>
</form>
<div class="register-bar">
<a href="">登录遇到问题？</a>
<a href="" class="to-register">立即注册</a>
</div>
<p class="login-tip">
<span>登录即代表您同意并遵守<br>您同意并遵守</span>
<a>《米哈游通行证用户服务协议》</a>
<a href="">《米<br>哈游通行证用户个人信息及隐私保护政策》</a>
</p>
</div>
</div>
</div>
<div class="social">
<ul class="social_wx">
<button class="social__btn_off">
<img src="image/箭头.png" class="social__btn_on_img1">
</button>
<button class="social__btn_on" style="display: none;">
<img src="image/箭头.png" class="social__btn_on_img2">
<!-- transform: rotate(-180deg); -->
</button>
<li class="social_first">
<p class="wenzi1">关注我们</p>
<img src="image/微信二维码.png">
<p class="wenzi2">扫描关注微信</p>
</li>
<li class="social__item">
<p>官方微博</p>
</li>
<li class="social__item">
<p>TapTap</p>
</li>
<li class="social__item">
<p>官方社区</p>
</li>
</ul>
</div>
<div class="content-wrap">
<div class="news_index content-body" style="background-position-y: 0px;">
<img src="image/newsimg/newsbg.jpg">
<img src="image/newsimg/news背景.jpg" class="newsbj">
<div class="body">
<ul class="recommend">
<li class="recommend__item" title="《原神》微博超话2.2版本第二期签到活动现已上线">
<a class="news__title ellipsis">
<div class="recommend__imgwrap">
<img class="recommend__img coverFit" src="image/newsimg/刻晴.png">
</div>
<div class="recommend__title">刻晴生日快乐｜这是…送给我的金丝虾球？</div>
<p class="recommend__summary"></p>
</a>
<div class="recommend__meta">
<span class="recommend__date">2021/11/20</span>
<span class="recommend__category news__cate-2">新闻</span>
</div>
</li>
<li class="recommend__item" title="《原神》微博超话2.2版本第二期签到活动现已上线">
<a class="news__title ellipsis">
<div class="recommend__imgwrap">
<img class="recommend__img coverFit" src="image/newsimg/蒙德茶会.jpg">
</div>
<div class="recommend__title">《原神》小剧场——「蒙德茶会」第四期</div>
<p class="recommend__summary"></p>
</a>
<div class="recommend__meta">
<span class="recommend__date">2021/11/19</span>
<span class="recommend__category news__cate-
用HTML写一个原神官网
需积分: 0 89 浏览量
2023-07-08
16:47:26
上传
评论
收藏 64.33MB ZIP 举报
原神html.zip （93个子文件） 
原神html image OfficialWebsite 
主页背景.jpg 1.18MB
logo.png 6KB 播放开.png 3KB 神里.png 142KB 分享方式 (1).png 649B ps4.png 3KB social-tieba.png 793B 第二大块.jpg 155KB qq (1).png 671B 下载.png 5KB 微信 (5).png 714B 新浪微博1..png 1KB mhylogo.png 7KB 二维码中间.jpg 3KB yuanslogo.png 18KB 璃月.jpg 98KB 蒙德.jpg 82KB 微博 (2).png 1KB 播放关.png 3KB 魈.png 207KB 苹果下载.png 5KB footer.png 116KB mihuayouLOGo.png 14KB 播放图标.png 1KB lastpng.jpg 47KB 12禁.png 5KB
原神logo.ico 769B 原神主页logo.png 12KB 官方二维码.png 3KB 安卓下载.png 4KB 西风骑士团琴.png 145KB pc.png 3KB 新浪微博 (2).png 918B X.png 832B QQ空间.png 1016B 中间播放功能.png 7KB 琴_1s.png 4KB 轮播2.jpg 855KB qq.png 787B 登录.png 1KB 截图20211102143621.png 83KB 微信 (2).png 852B 轮播1.jpg 730KB newsimg 护魔smill.jpg 205KB 派蒙.jpg 40KB 托马.jpg 281KB 韶光.jpg 275KB 刻晴.png 407KB 月夕祝颂.jpg 167KB 托马smill.jpg 281KB news背景.jpg 31KB 尤拉.png 274KB 雪山.jpg 282KB newsbg.jpg 83KB 派梦的十万个为什么.jpg 84KB 岩港奇珍行记.jpg 87KB 阿贝多.jpg 174KB 古时孤影.jpg 140KB 前瞻特别节.jpg 166KB 祈愿概率.png 452KB 护魔.jpg 205KB 地脉.jpg 223KB 蒙德茶会.jpg 235KB TapTap下载.png 3KB 微信二维码.png 19KB 轮播4.jpg 498KB 1c0b421.png 14KB 箭头.png 4KB 轮播3.jpg 574KB qq (2).png 854B 分享方式.png 723B 稻妻.jpg 362KB 宝石.png 3KB js move.js 459B header.js 1KB tab_con.js 449B index.js 5KB news.js 2KB swiper-bundle.min.js 132KB jquery.js 292KB movers.js 463B audio 原神音频.mp3 1.63MB
原神官网视频 - 1.最终版(Av55055298,P1).mp4 51.02MB 原神官网视频 - 1.最终版(Av55055298,P1).mp3 2.88MB css news.css 7KB footer.css 665B font-index..css 610B login.css 6KB city.css 3KB swiper-bundle.min.css 15KB index.css 9KB news 
index.html 16KB news.html 27KB资源评论
