立即購買
实时体育数据 数据来源：斗鱼直播平台

⚽ 足球实时 (10)

主队比分客队联赛时间(北京)
瓜地馬拉女子隊0:1薩爾瓦多女子隊國際友誼賽女子組05:00
22 de Julio0:0馬德里競技FC厄瓜多爾乙級聯賽04:30
9 de Octubre2:0厄瓜多爾國家隊厄瓜多爾乙級聯賽04:30
馬格里布費斯0:0皇家軍隊拉巴特摩洛哥錦標賽04:00
冰島女子隊1:6西班牙女子隊女子世界盃歐洲區外圍賽00:00
荷蘭女子隊3:1波蘭女子隊女子世界盃歐洲區外圍賽00:00
阿爾梅里亞3:2卡斯特利翁西班牙乙級聯賽03:00
英格蘭女子隊3:0烏克蘭女子隊女子世界盃歐洲區外圍賽00:00
法國女子隊1:0愛爾蘭女子隊女子世界盃歐洲區外圍賽03:00
賴比瑞亞3:1獅子山國際友誼賽02:30

🏀 篮球实时 (3)

主队比分客队联赛时间(北京)
維羅納斯卡利傑拉籃球隊84:76里米尼義大利乙級聯賽02:45
柏林阿爾巴97:66班貝格籃球隊德國籃球甲級聯賽02:30
芝加哥天空隊—亞特蘭大夢想隊WNBA07:00
更新于 2026-06-10 05:18（北京时间）

帮助文档

簡介

即刻体验斗鱼直播平台，掌握英超欧冠的实时赛况与深度分析。

快速接入赛事直播

立即进入斗鱼直播平台，开启您的精彩观赛之旅，获取最新赛况与赛事分析。前往App下载页面。

CSS

将此样式表 `<link>` 标签复制到您的 `<head>` 部分，置于所有其他样式表之前，以加载斗鱼直播平台的赛事直播 CSS。

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

JS

斗鱼直播平台的部分互动功能需要 JavaScript 来实现。具体而言，它们需要 jQuery 和我们的自定义 JavaScript 插件。将以下 `<script>` 标签放在页面底部，紧邻 `</body>` 结束标签之前，以启用这些功能。jQuery 必须首先加载，然后是 bootstrap.bundle.min.js，最后是我们的 JavaScript 插件。

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

基础集成指南

请确保您的页面设置符合最新的设计和开发标准。这意味着使用 HTML5 doctype 并包含 viewport meta 标签以实现正确的响应式行为。将所有这些整合在一起，您的页面应该如下所示，以便无缝接入赛事直播。

HTML 嵌入:
<!doctype html>
<html lang="en">
    <head>

        <meta charset="utf-8" />
        <title>深入了解赛事：斗鱼直播平台官方指南</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <meta name="description" content="斗鱼直播平台，提供海量游戏、秀场内容，千万主播实时互动，新手友好，官方App稳定流畅。" />
        <meta name="keywords" content="斗鱼官方直播, 斗鱼官方直播直播, 星秀直播, 6, 英超直播, 欧冠直播, 比分直播" />

        <!-- favicon 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>

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

        <!-- Navbar Start -->
        <header>
            <div class="--------">
                --------
                --------
                --------
                --------
            </div>
        </header>
        <!-- Navbar End -->

        <!-- Hero Start -->
        <section class="--------">
            <div class="--------">
                --------
                --------
                --------
                --------
            </div>
        </section>
        <!-- Hero End -->

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

        <!-- Back To Home Start -->
        <a href="#" class="--------" id="#--------">
            --------
            --------
        </a>
        <!-- Back To Home End -->

        <!-- Javascript Start -->
        <script src="js/jquery-3.4.1.min.js"></script>
        斗鱼直播平台专注星秀直播，为用户提供专业可靠的体验。
        --------
        --------
        --------
        <script src="js/app.js"></script>
        <!-- Javascript End -->
    </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` 类，方便浏览各项赛事。