master

分支 (1)

管理

管理

master

yuanshenqizhong
/
角色.html

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
    <link rel="stylesheet" href="css\index.css" />
	<title></title>

</head>
    <style>
        *{
            margin: 0;
            padding: 0
        }
        .div{
            width: 100%;
            height:960px;
            background-repeat: no-repeat;
            background-image: url(image/img/背景图/蒙德背景2.jpg);
            animation:frams 5s infinite;

        }
		.sx{float:left;width: 1px;height: 100%;background-color: #e6e5e6;margin-left: 80px;
		color: #FFFFFF;font: 20px/36px "";}
		.sx p{margin-top: 50px;}
		.sx .a{float: left;}
		.bg img{position: absolute;width: 100%;}

        @keyframes frams {
            0%{background-image: url(image/img/背景图/蒙德背景2.jpg);background-size: 100% 100%;background-repeat: no-repeat}
            33%{background-image: url(image/img/背景图/蒙德背景2.jpg);background-size: 100% 100%;background-repeat: no-repeat}
            66%{background-image: url(image/img/背景图/璃月背景3.jpg);background-size: 100% 100%;background-repeat: no-repeat}
            100%{background-image:url(image/img/背景图/璃月背景3.jpg);background-size: 100% 100%;background-repeat: no-repeat}
        }
    </style>
</head>
<body>
<div class="div">
    <div class="header">
        <div class="audio-controller" id="audiu_on">
            <img src="image/播放开.png" style="width: 100%;" id="audio_headerimg"/>
            <audio id="bgMusic"s>
                <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" muted="muted">
                <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">首&nbsp页</a>
                <a href="news.html">新&nbsp闻</a>
                <a>角&nbsp色</a>
                <a>世&nbsp界</a>
                <a>漫&nbsp画</a>
                <a>社&nbsp区</a>
            </div>
        </div>
        <button class="header__login">
            <span>登&nbsp录</span>
            <img src="image/登录.png">
        </button>
        <button class="header__login1">
            <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="bg"><img src="image/img/背景图/bg1.png"></div>
	<div class="sx">
		<p><li>蒙德城</li>
		<li>璃月港</li>
		<li>稻妻城</li>
		<li>敬请期待</li></p>
	</div>
</div>
</body>
</html>