master

分支 (1)

管理

管理

master

game-website
/
index.html

<!doctype html>
<html class="no-js">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>千腾纪元-全球首款区块链回合制战棋游戏</title>
    <!-- <meta name="viewport" content="width=device-width,initial-scale=1"> -->
    <meta name="format-detection" content="telephone=no">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <link rel="icon" type="image/png" href="./favicon.ico">
    <link rel="apple-touch-icon-precomposed" href="assets/i/app-icon72x72@2x.png">
    <meta name="apple-mobile-web-app-title" content="千腾纪元" />
    <link rel="stylesheet" href="assets/css/amazeui.min.css" />
    <!-- <link rel="stylesheet" href="assets/css/admin.css"> -->
    <link rel="stylesheet" href="./css//index.css">
</head>

<body>
    <!--[if lte IE 9]>
<p class="browsehappy">你正在使用<strong>过时</strong>的浏览器，Amaze UI 暂不支持。 请 <a href="http://browsehappy.com/" target="_blank">升级浏览器</a>
  以获得更好的体验！</p>
<![endif]-->

    <header class="qt-header qt-container">
        <div class="am-topbar-brand header-logo">
            <img src="./img/home/logo.png" alt="">
        </div>
        <div class="am-collapse am-topbar-collapse" id="topbar-collapse">
            <!-- <ul class="am-nav am-nav-pills am-nav-justify header-menu"> -->
            <ul class="am-nav am-nav-pills header-menu">
                <li><a href="javascript:;">首页</a></li>
                <li><a href="./newsList.html">新闻公告</a></li>
                <li><a href="./game.html">游戏下载</a></li>
                <li><a href="#hero">英雄介绍</a></li>
                <li><a href="#footer">关于我们</a></li>
            </ul>
        </div>

        </div>

    </header>
    <div id="home" class="qt-container qt-home-wraper">
        <!-- <video autoPlay muted loop class="video-bg" id="mvideo"> -->
        <video id="mvideo" class="video-bg" poster="./img/home/text1.png" autoPlay muted loop webkit-playsinline playsinline
            x5-playsinline x5-video-player-type="h5" x5-video-player-fullscreen="true" x5-video-orientation="portraint">
            <source src="./img/home/bg_2.mp4" type="video/mp4" />
        </video>
        <img id="mvideoImg" src="./img/home/text1.png" alt="text1" class="video-mobile-bg">
        <div class="qt-home-content">
            <div class="qt-home-content-wraper">
                <div class="qt-home-textimg-wraper">
                    <img src="./img/home/textimg.png" alt="textimg" class="qt-textimg">
                    <div class="qt-rotate-img-box">
                        <img src="./img/home/open.png" alt="open" class="btn-bg-img">
                        <img src="./img/home/open1.png" alt="open1" class="btn-img">
                    </div>
                </div>
                <div class="btn-wraper">
                    <a href="./newsList.html">
                        <img src="./img/home/bgbuttom.png" alt="">
                    </a>
                    <a href="./game.html">
                        <img src="./img/home/bgbuttom2.png" alt="">
                    </a>
                </div>
                <div class="qt-code-dowload-box">
                    <div class="code-box">
                        <img id="code-img" src="./img/home/androidGameCode.png" alt="androidGameCode">
                        <div class="code-img-line"></div>
                    </div>
                    <div class="btn-box">
                        <a href="javascript:;" class="btn-select" id="android-btn" onclick="downloadBtn(1)">
                            <img src="./img/home/android-btn.png" alt="android-btn">
                            安卓版下载
                        </a>
                        <a href="javascript:;" id="wallet-btn" onclick="downloadBtn(2)">
                            <img src="./img/home/wallet-btn.png" alt="wallet-btn">
                            SGT钱包下载
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div id="news" class="qt-container qt-home-news-wraper">
        <div class="top-line">
            <img src="img/home_news/line.png" alt="line">
        </div>
        <div class="qt-news-content">
            <div class="carousel-wraper">
                <div class="carousel-img-box">
                    <img id="carousel-img" src="./img/home_news/sy.jpg" alt="sy">
                    <div class="carousel-dots-box">
                        <a href="javascript:;" class="carousel-dots selected" data-index="1"></a>
                        <a href="javascript:;" class="carousel-dots" data-index="2"></a>
                        <a href="javascript:;" class="carousel-dots" data-index="3"></a>
                    </div>
                </div>
                <div class="carousel-btn-box">
                    <a href="javascript:;" class="carousel-btn-selected" data-index="1">桑亚</a>
                    <a href="javascript:;" data-index="2">雷诺兹</a>
                    <a href="javascript:;" data-index="3">维克多</a>
                </div>
            </div>
            <div class="news-column-wraper">
                <div class="tabBar-wraper">
                    <ul>
                        <li id="tabBarNews" class="tabBar-selected"><a href="javascript:;"
                                onclick="switchNewsTabBar(1)">新闻</a></li>
                        <li id="tabBarNewsNotice"><a href="javascript:;" onclick="switchNewsTabBar(2)">公告</a></li>
                        <li class="more"><a href="./newsList.html">查看更多&gt;</a></li>
                    </ul>
                </div>
                <ul class="news-list">
                    <li>
                        <a href="./newsDetail.html?id=1">
                            《千腾纪元》最全英雄图鉴——SSS篇
                            <span>2020年7月30日</span>
                        </a>
                    </li>
                    <li>
                        <a href="./newsDetail.html?id=4">
                            「千腾」游戏背后的故事——策划
                            <span>2020年3月26日</span>
                        </a>
                    </li>
                    <li>
                        <a href="./newsDetail.html?id=5">
                            「千腾」游戏背后的故事——H5游戏开发
                            <span>2020年3月23日</span>
                        </a>
                    </li>
                    <li>
                        <a href="./newsDetail.html?id=7">
                            「千腾」骑士马索科人物小传
                            <span>2020年2月19日</span>
                        </a>
                    </li>
                    <li>
                        <a href="./newsDetail.html?id=8">
                            「千腾」游戏背后的故事——游戏音效设计
                            <span>2020年1月17日</span>
                        </a>
                    </li>
                    <li>
                        <a href="./newsDetail.html?id=9">
                            「千腾」游戏背后的故事——背景介绍二
                            <span>2020年1月17日</span>
                        </a>
                    </li>
                    <li>
                        <a href="./newsDetail.html?id=10">
                            「千腾」游戏背后的故事——背景介绍
                            <span>2020年1月13日</span>
                        </a>
                    </li>
                    <li>
                        <a href="./newsDetail.html?id=11">
                            「千腾」游戏制作背后的故事——原画
                            <span>2020年1月10日</span>
                        </a>
                    </li>
                </ul>
                <div class="women-wraper">
                    <img src="img/home_news/women.png" alt="women">
                </div>
            </div>
        </div>
    </div>

    <div class="qt-container qt-back-story-wraper" id="story">
        <div class="top-line">
            <img src="img/home_news/line.png" alt="line">
        </div>
        <div class="back-story-content-wraper">
            <img src="img/home_back_story/remark.png" alt="remark" class="remark-img">
            <img src="img/home_back_story/mouse.png" alt="mouse" class="mouse-img">
            <img src="img/home_back_story/arrow.png" alt="arrow" class="arrow-img">
            <div class="slide-more">滑动鼠标 浏览更多</div>
        </div>
    </div>

    <div id="hero" class="qt-container qt-hero-show-wraper1">
        <div class="banner-img-wraper">
            <img src="img/home_hero_show/banner.png" alt="banner" class="banner-img">
        </div>
        <div class="des-wraper">
            <div class="name-wraper">
                <img id="des-hero-name" src="img/home_hero_show/name_msk.png" alt="name_msk">
            </div>
            <div class="des-content-wraper">
                <img src="img/home_hero_show/quotation_marks.png" alt="quotation_marks" class="quotation-marks">
                <div id="des-hero-text" class="des-text">
                    当你在黑暗中渴望安宁，就会坠落进更苦难的深渊。马索科告诉自己，自己所做之事都是对的，但无法减轻他分毫罪恶感的是——下一次仍会再次举起挥向同胞的利刃。
                </div>
            </div>
            <div id="rw-img">
                <img src="img/home_hero_show/rw_msk.png" alt="rw_msk" class="rw-img rw-img-active">
                <img src="img/home_hero_show/rw_tls.png" alt="rw_lts" class="rw-img">
                <img src="img/home_hero_show/rw_lnz.png" alt="rw_lnz" class="rw-img">
                <img src="img/home_hero_show/rw_bfl.png" alt="rw_bfl" class="rw-img">
                <img src="img/home_hero_show/rw_ck.png" alt="rw_ck" class="rw-img">
                <img src="img/home_hero_show/rw_sy.png" alt="rw_sy" class="rw-img">
            </div>
            <div class="rw-switch-wraper">
                <ul class="rw-switch-avatar-wraper">
                    <li id="test" class="selected" data-index="1">
                        <div>
                            <img src="img/home_hero_show/rw_switch_avatar_msk.png" alt="rw_switch_avatar_msk">
                        </div>
                    </li>
                    <li data-index="2">
                        <div>
                            <img src="img/home_hero_show/rw_switch_avatar_tls.png" alt="rw_switch_avatar_tls">
                        </div>
                    </li>
                    <li data-index="3">
                        <div>
                            <img src="img/home_hero_show/rw_switch_avatar_lnz.png" alt="rw_switch_avatar_lnz">
                        </div>
                    </li>
                    <li data-index="4">
                        <div>
                            <img src="img/home_hero_show/rw_switch_avatar_bfl.png" alt="rw_switch_avatar_bfl">
                        </div>
                    </li>
                    <li data-index="5">
                        <div>
                            <img src="img/home_hero_show/rw_switch_avatar_ck.png" alt="rw_switch_avatar_ck">
                        </div>
                    </li>
                    <li data-index="6">
                        <div>
                            <img src="img/home_hero_show/rw_switch_avatar_sy.png" alt="rw_switch_avatar_sy">
                        </div>
                    </li>
                </ul>
                <img src="img/home_hero_show/rw_switch_line.png" alt="rw_switch_line" class="rw-switch-line">
                <ul class="rw-switch-name-wraper">
                    <li class="selected">
                        <div>马索科</div>
                        <div>Masuoke</div>
                    </li>
                    <li>
                        <div>陶莱斯</div>
                        <div>Taurex</div>
                    </li>
                    <li>
                        <div>雷诺兹</div>
                        <div>Reynolds</div>
                    </li>
                    <li>
                        <div>贝弗丽</div>
                        <div>Beverley</div>
                    </li>
                    <li>
                        <div>成坤</div>
                        <div>Chengkun</div>
                    </li>
                    <li>
                        <div>桑娅</div>
                        <div>Sonya</div>
                    </li>
                </ul>

            </div>
        </div>
    </div>

    <div class="qt-container qt-playMethod" id="play">
        <div class="qt-playMethod-banner">
            <img src="./img/playMethod/loing.png" class="qt-playMethod-banner-line">
            <div class="qt-playMethod-banner-main">
                <img src="./img/playMethod/01-1.png" class="qt-playMethod-banner-item" id="firstItem"
                    onclick="bannerItemClick(0)">
                <img src="./img/playMethod/02-2.png" class="qt-playMethod-banner-item" id="secondItem"
                    onclick="bannerItemClick(1)">
                <img src="./img/playMethod/03-2.png" class="qt-playMethod-banner-item" id="thirdItem"
                    onclick="bannerItemClick(2)">
                <img src="./img/playMethod/04-2.png" class="qt-playMethod-banner-item" id="fourthItem"
                    onclick="bannerItemClick(3)">
                <img src="./img/playMethod/05-2.png" class="qt-playMethod-banner-item" id="fifthItem"
                    onclick="bannerItemClick(4)">
                <img src="./img/playMethod/06-2.png" class="qt-playMethod-banner-item" id="sixthItem"
                    onclick="bannerItemClick(5)">
            </div>
        </div>
        <div>
            <img src="./img/playMethod/lsk.png" class="qt-playMethod-lsk" alt="">
        </div>
        <div class="qt-playMethod-main">
            <div class="qt-playMethod-top">
                <video id="videoPlay" autoPlay muted loop class="qt-playMethod-video"
                    src="https://img.qiantengcn.com/video/game5.mp4">
                    <!-- <source src="https://img.qiantengcn.com/video/game9.mp4" type="video/mp4" id="videoPlaySource"> -->
                </video>
            </div>
            <div class="qt-playMethod-bottom">
                <div class="qt-playMethod-content">
                    <div class="qt-playMethod-content-title">
                        战前布阵
                    </div>
                    <div class="qt-playMethod-content-main">
                        战前布阵是决定一场战斗能否取胜的关键因素之一，
                        玩家可任意拖拽己方部队至上阵点进行排兵布阵，
                        布阵结束后点击出击即可开始战斗。
                    </div>
                </div>
                <div class="qt-playMethod-btn">
                    <img src="./img/playMethod/left.png" class="qt-playMethod-btn-item" onclick="btnClick(0)">
                    <img src="./img/playMethod/right.png" class="qt-playMethod-btn-item" onclick="btnClick(1)">
                </div>
            </div>
        </div>
        <div class="qt-playMethod-bc"></div>
    </div>
    <div class="qt-container qt-music" id="music">
        <div class="qt-music-main">
            <div class="qt-music-title">
                <img src="./img/music/musicTitle.png" class="qt-music-titleImg">
            </div>
            <div>
                <img src="./img/music/devilCD.png" class="qt-music-pause">
                <audio src="./img/music/wwwy.mp3" id="audioItem-first"></audio>
                <audio src="./img/music/gjzm.mp3" id="audioItem-second"></audio>
                <audio src="./img/music/hzdnz.mp3" id="audioItem-third"></audio>
                <div class="qt-music-bfq">
                    <span id="playTime">0:00</span>
                    <input type="range" step="0.01" max="137.1033" value="0" class="qt-music-progress"
                        oninput="inputChange()">
                    <span id="musicTime">2:17</span>
                </div>
                <div style="position: relative;">
                    <img class="qt-music-last" src="./img/music/last.png" onclick="changeSong(0)">
                    <img class="qt-music-zt" src="./img/music/bf.png" id="playBtn" onclick="musicPlay(0)">
                    <img class="qt-music-zt" src="./img/music/zt.png" id="ztBtn" onclick="musicPlay(1)">
                    <img class="qt-music-last" src="./img/music/next.png" onclick="changeSong(1)">
                </div>
                <img src="img/music/box7.png" alt="box7" class="qt-musicFooter">
            </div>
            <div class="qt-music-list">
                <div class="qt-music-item qt-music-active" id="song-wwwy">我武惟扬 - 胜利</div>
                <div class="qt-music-item" id="song-hzdnz">混战的泥沼 - 爆块</div>
                <div class="qt-music-item" id="song-gjzm">诡谲之谋 - 登录</div>
            </div>
        </div>
    </div>

    <!-- <div class="qt-musicFooter"></div> -->

    <footer class="qt-container qt-footer" id="footer">
        <div class="footer-code am-container">
            <ul class="am-avg-sm-2 am-avg-md-4 am-avg-lg-4 am-thumbnails am-padding-vertical">
                <li class="code-item">
                    <img src="./img/home/gime.png" class="am-thumbnail code-img" id="gimeItem">
                    <div class="code-title">游戏下载</div>
                    <div class="code-content">安卓用户扫描上方二维码下载最新版本</div>
                </li>
                <li class="code-item">
                    <img src="./img/home/wx.png" class="am-thumbnail code-img" id="wxItem">
                    <div class="code-title">公众号</div>
                    <div class="code-content">关注千腾科技官方微信公众号第一时间获取最新资讯</div>
                </li>
                <li class="code-item">
                    <img src="./img/home/logo9.png" class="am-thumbnail code-img" id="downloadItem">
                    <div class="code-title">钱包下载</div>
                    <div class="code-content">下载安卓版SGT钱包让游戏通证自由流通</div>
                </li>
                <li class="code-item">
                    <img src="./img/home/kf.png" class="am-thumbnail code-img" id="kfItem">
                    <div class="code-title">联系客服</div>
                    <div class="code-content">扫描上方二维码添加客服微信</div>
                </li>
            </ul>
        </div>

        <div class="footer-logo am-container">
            <ul class="am-avg-sm-2 am-avg-md-2 am-avg-lg-2 am-thumbnails am-margin-vertical">
                <li class="am-padding-horizontal">
                    <img src="./img/home/logo.png" class="am-thumbnail logo-img am-fr">
                </li>
                <li class="am-padding-horizontal">
                    <img src="./img/home/logo11.png" class="am-thumbnail logo-img logo-img-second am-fl">
                </li>
            </ul>
        </div>

        <div class="footer-notice am-container">
            <ul class="am-avg-sm-1 am-avg-md-1 am-avg-lg-1 am-thumbnails am-margin-vertical">
                <li>本网络游戏适合18周岁以上的用户使用</li>
                <li>为了您的健康，请合理控制游戏时间</li>
                <li>抵制不良游戏 拒绝盗版游戏 注意自我保护 谨防受骗上当</li>
                <li>适度游戏益脑 沉迷游戏伤身 合理安排时间 享受健康生活</li>
            </ul>
        </div>

        <div class="footer-copyright am-container">
            <ul class="am-avg-sm-1 am-avg-md-1 am-avg-lg-1 am-thumbnails am-margin-vertical">
                <li>Copyright © 2002-2019 浙江千腾网络科技有限公司 版权所有</li>
                <li>
                    <span>浙公网备：</span>
                    <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=33011002013138"
                        target="_blank" class="copyright-link">
                        <img src="./img/home/gongan.png" alt="公安机关备案号"></img>
                        33011002013138
                    </a>
                    <a class="copyright-link" target="_blank" href="https://beian.miit.gov.cn/#/Integrated/recordQuery"
                        rel="nofollow noopener noreferrer"> 浙ICP备17037253号-1
                    </a>
                </li>
                <li>
                    <span>浙ICP证</span>
                    <a target="_blank" href="./img/icp.pdf" class="copyright-link">B2-20191146</a>
                    浙网文
                    <a target="_blank" href="./img/wangwen.pdf" class="copyright-link">【2017】10002-772号</a>
                </li>
            </ul>
        </div>

    </footer>

    <div class="right-navigation">
        <div class="right-navigation-item">
            <img src="./img/home/sidebarnews.png" onclick="navigationClick(0)" id="newsNavi">
            <div class="right-navigation-title">新闻资讯</div>
        </div>
        <div class="right-navigation-item">
            <img src="./img/home/sidebar1.png" onclick="navigationClick(1)" id="storyNavi">
            <div class="right-navigation-title">背景故事</div>
        </div>
        <div class="right-navigation-item">
            <img src="./img/home/sidebar2.png" onclick="navigationClick(2)" id="heroNavi">
            <div class="right-navigation-title">英雄介绍</div>
        </div>
        <div class="right-navigation-item">
            <img src="./img/home/sidebar3.png" onclick="navigationClick(3)" id="playNavi">
            <div class="right-navigation-title">玩法介绍</div>
        </div>
        <div class="right-navigation-item">
            <img src="./img/home/sidebar4.png" onclick="navigationClick(4)" id="musicNavi">
            <div class="right-navigation-title">原创音乐</div>
        </div>
        <div class="right-navigation-code">
            <img src="./img/home/gameCode.png">
            <div class="right-navigation-content">扫一扫下载安卓版游戏</div>
        </div>
    </div>

    <!--[if lt IE 9]>
<script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="assets/js/amazeui.ie8polyfill.min.js"></script>
<![endif]-->

    <!--[if (gte IE 9)|!(IE)]><!-->
    <script src="assets/js/jquery.min.js"></script>
    <!--<![endif]-->
    <script src="assets/js/amazeui.min.js"></script>
    <script src="js/index.js"></script>
</body>

</html>