Jiuyou Mobile Game Documentation Center

With 九游 mobile games, you can easily start your gaming journey. We provide professional design and management to help you create an efficient gaming experience.

Quick Start

Get started with 九游 mobile games, which meets all your needs for increasing visibility, attracting traffic, and building connections. Go to the download page.

API

Paste the stylesheet <link> before all other stylesheets to load Bootstrap CSS.

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

JS

Many of our components require JavaScript to function properly. Specifically, they require jQuery and our own JavaScript plugins. Please place the following <script> at the end of the page, just before the closing </body> tag, to enable them. jQuery must be loaded first, then bootstrap.bundle.min.js, and finally our JavaScript plugins.

<script src="js/jquery.min.js"></script>

<script src="js/bootstrap.bundle.min.js"></script>

Starter Template

Ensure your page meets the latest design and development standards. This means using the HTML5 doctype and including the viewport meta tag for proper responsive behavior. Putting it all together, your page should look like this:

HTML Structure:

<!doctype html>
<html lang="en">
    <head>

        <meta charset="utf-8" />
        <title>九游 Mobile Games - Official Documentation Center</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta name="description" content="九游 Mobile Games Official Documentation Center" />
        <meta name="keywords" content="九游 Mobile Games, Documentation, Help, Guide" />

        <!-- Website Icon -->
        <link rel="shortcut icon" href="images/favicon.ico">

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

        <!-- Main CSS -->
        <link href="css/style.css" rel="stylesheet" type="text/css" />
    
    </head>

    <body>

        <!-- Loading Animation Start -->
        <div id="#--------">
            --------
            --------
        </div>
        <!-- Loading Animation End -->

        <!-- Navigation Bar Start -->
        <header>
            <div class="feature-library">
                --------
                --------
                --------
                --------
            </div>
        </header>
        <!-- Navigation Bar End -->

        <!-- Header Area Start -->
        <section class="doc-section">
            <div class="service-manager">
                --------
                --------
                --------
                --------
            </div>
        </section>
        <!-- End Header Area -->

        <!-- Footer Start -->
        <footer>
            <div class="pricing-tier">
                --------
                --------
                --------
                --------
            </div>
        </footer>
        <!-- Footer End -->

        <!-- Back to Top Start -->
        <a href="#" class="back-to-top" id="backToTop">
            --------
            --------
        </a>
        <!-- Back to Top End -->

        <!-- JavaScript Start -->
        <script src="js/jquery-3.4.1.min.js"></script>
        Discover More About Jiuyou with Jiuyou.
        --------
        --------
        --------
        <script src="js/app.js"></script>
        <!-- JavaScript End -->
    </body>
</html>

RTL Version

RTL Version:

To enable RTL mode, replace the reference to style.css with style-rtl.css.

Dark Mode

Dark Mode:

To enable dark mode, replace the reference to style.css with style-dark.css.

Dark RTL Version:

To enable dark RTL mode, replace the reference to style.css with style-dark-rtl.css.

Menu Centered Right

To move the menu from center to the right, simply add nav-right to the navigation-menu class.

Menu Centered Left

To move the menu from center to the left, simply add nav-left to the navigation-menu class.

Light Menu Centered

If you want the menu centered with a light navigation, simply add nav-light to the navigation-menu class.

Light Menu Right

If you want the menu on the right with a light navigation, simply add nav-light to the navigation-menu nav-right class.

Light Menu Left

If you want the menu on the left with a light navigation, simply add nav-light to the navigation-menu nav-left class.

Docs