文件中心

歡迎來到九游娛樂文件中心

從九游娛樂文件開始,快速接入平台資源。我們提供從遊戲接入到直播互動的全套技術支援,幫助您高效打造數位娛樂體驗。

快速開始接入九游平台

使用九游文件,您可以取得完整的平台整合指南。從帳戶系統到儲值通道,從遊戲列表到社群API,一切盡在掌握。前往下載頁面獲取最新資源包。

CSS

將九游樣式表<link>標籤複製到您的<head>中,置於所有其他樣式之前,即可載入基礎樣式。

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

JS

九游平台的許多元件依賴JavaScript運作。具體需要jQuery和我們的JS外掛。請將以下<script>標籤放在頁面末尾、</body>之前:jQuery在前,bootstrap.bundle.min.js其次,最後是九游自訂外掛。

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

基礎模板說明

確保頁面採用最新的HTML5文件類型,並加入viewport meta標籤以實現響應式佈局。整合後您的頁面結構應如下所示:

HTML:
<!doctype html>
<html lang="zh-TW">
    <head>

        <meta charset="utf-8" />
        <title>歡迎查閱九游平台文件,開啟暢快娛樂之旅</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta name="description" content="九游娛樂(JIUYOU)官方網站文件中心,提供九游平台接入指南、遊戲攻略、直播教學、社群玩法等全面幫助。" />
        <meta name="keywords" content="九游娛樂網站, jiuyou.com, 九游娛樂, 九游娛樂網址, 九游文件" />

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

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

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

    <body>

        <!-- 載入動畫開始 -->
        <div id="loader">
            --------
            --------
        </div>
        <!-- 載入動畫結束 -->

        <!-- 導覽列開始 -->
        <header>
            <div class="navbar-area">
                --------
                --------
                --------
                --------
            </div>
        </header>
        <!-- 導覽列結束 -->

        <!-- 英雄區塊開始 -->
        <section class="hero-section">
            <div class="container">
                --------
                --------
                --------
                --------
            </div>
        </section>
        <!-- 英雄區塊結束 -->

        <!-- 頁尾開始 -->
        <footer>
            <div class="row">
                --------
                --------
                --------
                --------
            </div>
        © 2026 九游信息科技有限公司 版權所有
        <!-- 頁尾結束 -->

        <!-- 返回首頁開始 -->
        <a href="#" class="nav-link" id="nav-home">首頁
            --------
            --------
        </a>
        <!-- 返回首頁結束 -->

        <!-- JavaScript 開始 -->
        <script src="js/jquery-3.4.1.min.js"></script>
        jiuyou专注九游娱乐网址,为用户提供专业可靠的体验。
        --------
        --------
        --------
        <script src="js/app.js"></script>
        <!-- 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。