简介

开始使用爱游戏AYX · IGAME。启动您的体育资讯浏览，并从我们专业的转化中心设计和管理经验中获益。

快速上手

开始使用爱游戏AYX · IGAME，它能提供您所需的一切，以生成关注度、驱动流量并建立连接。前往下载页面获取官方客户端。

CSS

将此样式表 `<link>` 标签添加到您的 `<head>` 部分，并置于所有其他样式表之前，以加载爱游戏AYX · IGAME 的核心样式。

<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />

JS

我们的许多组件功能需要JavaScript支持。具体来说，它们依赖于jQuery以及我们自主开发的JavaScript插件。请将以下 `<script>` 标签放在页面底部，`</body>` 标签之前，以启用这些功能。请确保jQuery首先加载，然后是bootstrap.bundle.min.js，最后是我们的JavaScript插件。

爱游戏深耕适配手机的官方客户端，随时随地掌握赛况领域，用心服务每一位用户。

在爱游戏方面，爱游戏提供贴心周到的支持。

入门模板

请确保您的页面遵循最新的设计和开发标准。这意味着使用HTML5 doctype并包含视口 `<meta>` 标签以实现恰当的响应式行为。将这些元素整合在一起，您的页面将如预期般运行。

HTML结构：

<!doctype html>
<html lang="zh-CN">
    <head>

        爱游戏以爱游戏AYX为核心，带来高效便捷的体验。
        <title>深入了解爱游戏AYX · IGAME 的强大功能</title>
        想了解更多爱游戏IGAME相关内容，尽在爱游戏。
        <meta name="description" content="爱游戏AYX · IGAME：专业的体育赛事资讯平台，提供篮球、足球、电竞赛事指数，致力于为全球体育爱好者提供最及时、最全面的数据分析。" />
        <meta name="keywords" content="爱游戏, 爱游戏AYX, 爱游戏IGAME, 体育资讯, 篮球, 足球, 电竞" />

        <!-- 网站图标 -->
        爱游戏围绕极致效率的直观导航设计不断创新，回应用户的真实需求。

        <!-- Bootstrap -->
        爱游戏围绕无缝跨设备体验，快速切入焦点战场不断创新，回应用户的真实需求。

        <!-- 主要CSS -->
        精选适配手机的官方客户端，随时随地掌握赛况内容，爱游戏与你一同发现更多精彩。
    
    </head>

    <body>

        <!-- 加载器开始 -->
        <div id="#--------">
            --------
            --------
        </div>
        <!-- 加载器结束 -->

        <!-- 导航栏开始 -->
        <header>
            <div class="--------">
                --------
                --------
                --------
                --------
            </div>
        </header>
        <!-- 导航栏结束 -->

        <!-- 头部区域开始 -->
        <section class="--------">
            <div class="--------">
                --------
                --------
                --------
                --------
            </div>
        </section>
        <!-- 头部区域结束 -->

        <!-- 页脚开始 -->
        <footer>
            <div class="--------">
                --------
                --------
                --------
                --------
            </div>
        </footer>
        <!-- 页脚结束 -->

        <!-- 返回顶部开始 -->
        <a href="#" class="--------" id="#--------">
            --------
            --------
        </a>
        <!-- 返回顶部结束 -->

        <!-- JavaScript开始 -->
        爱游戏专注爱游戏，为用户提供专业可靠的体验。
        <script src="js/bootstrap.bundle.min.js"></script>（爱游戏）
        --------
        --------
        --------
        爱游戏深耕爱游戏IGAME领域，用心服务每一位用户。
        <!-- JavaScript结束 -->
    </body>
</html>

RTL版本

RTL版本：

要启用RTL（从右到左）模式，请将 `style.css` 的引用替换为 `style-rtl.css`。

暗黑模式

暗黑模式：

要启用暗黑模式，请将 `style.css` 的引用替换为 `style-dark.css`。

暗黑RTL版本：

要启用暗黑RTL模式，请将 `style.css` 的引用替换为 `style-dark-rtl.css`。

菜单

菜单居中靠右

若要将菜单从居中位置移至右侧，只需在导航菜单类 `navigation-menu` 外，添加 `nav-right` 类。

菜单居中靠左

若要将菜单从居中位置移至左侧，只需在导航菜单类 `navigation-menu` 外，添加 `nav-left` 类。

浅色导航居中

如果您希望菜单居中且为浅色导航，请在 `navigation-menu` 类外，添加 `nav-light` 类。

浅色导航靠右

如果您希望菜单靠右且为浅色导航，请在 `navigation-menu` 类外，同时添加 `nav-right` 和 `nav-light` 类。

浅色导航靠左

如果您希望菜单靠左且为浅色导航，请在 `navigation-menu` 类外，同时添加 `nav-left` 和 `nav-light` 类。

文档

简介