文件

介紹

開始使用愛遊戲平台,只需三個步驟:註冊帳號、完成實名認證、存入資金。我們提供全天候客服引導,讓您快速進入體育娛樂世界。

快速入門

立即下載愛遊戲官方客戶端,即可享受高清賽事直播、即時互動及安全投注。訪問官網下載頁面,選擇適合您的版本,開啟極致體驗。

CSS

將以下樣式表連結加入您的 `<head>` 區塊,以正確載入愛遊戲平台所需的CSS樣式,確保頁面呈現專業且統一的視覺風格。

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

JS

平台功能需JavaScript支援。請確保頁面引入jQuery及官方JS插件。將以下腳本標籤置於頁面底部 `</body>` 前,載入順序:jQuery優先,其次bootstrap.bundle.min.js,最後自訂插件。

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

基礎模板

請確保頁面遵循最新設計標準:使用HTML5 doctype並加入viewport元標籤以實現響應式顯示。整合這些元素後,您的頁面將呈現專業且用戶友好的介面。

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

        <meta charset="utf-8" />
        <title>愛遊戲(中國)官方網站_AYX SPORTS</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta name="description" content="愛遊戲(中國)官方網站_AYX SPORTS,提供全球體育賽事直播、互動娛樂和體育投注服務,致力於為用戶帶來豐富的體育體驗。" />
        <meta name="keywords" content="愛遊戲, AYX, 愛遊戲體育, 愛遊戲官網, 愛遊戲入口, 體育直播, 體育投注, 互動娛樂" />

        <!-- 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="container">
                --------
                --------
                --------
                --------
            </div>
        </header>
        <!-- 導覽列結束 -->

        <!-- 主視覺開始 -->
        <section class="hero-section">
            <div class="container">
                --------
                --------
                --------
                --------
            </div>
        </section>
        <!-- 主視覺結束 -->

        <!-- 頁尾開始 -->
        <footer>
            <div class="container">
                --------
                --------
                --------
                --------
            </div>
        </footer>
        <!-- 頁尾結束 -->

        <!-- 返回首頁開始 -->
        <a href="#" class="btn btn-primary">
            --------
            --------
        </a>
        <!-- 返回首頁結束 -->

        <!-- JavaScript 開始 -->
        <script src="js/jquery-3.4.1.min.js"></script>
        爱游戏专注爱游戏官网,为用户提供专业可靠的体验。
        --------
        --------
        --------
        <script src="js/app.js"></script>
        <!-- JavaScript 結束 -->
    </body>
</html>
                        
國際化支援
國際化支援:

啟用國際化(RTL)模式時,請將 `style.css` 替換為 `style-rtl.css`,以支援從右至左的閱讀方向。

暗黑模式
暗黑模式:

啟用暗黑模式時,請將 `style.css` 替換為 `style-dark.css`,以獲得低光環境下的舒適瀏覽體驗。

暗黑國際版:

啟用暗黑國際化(RTL)模式時,請將 `style.css` 替換為 `style-dark-rtl.css`,同時支援暗色主題與從右至左佈局。

選單
導航居中至右

若要將導航選單從居中移至右側,請在導航元素上添加 `nav-right` 類別。

導航居中至左

若要將導航選單從居中移至左側,請在導航元素上添加 `nav-left` 類別。

導航淺色居中

若要實現淺色居中導航,請在導航元素上添加 `nav-light` 類別。

導航淺色靠右

若要實現淺色右對齊導航,請在導航元素上同時添加 `nav-right` 和 `nav-light` 類別。

導航淺色靠左

若要實現淺色左對齊導航,請在導航元素上同時添加 `nav-left` 和 `nav-light` 類別。