Buy Now

文档

简介

开始使用海星体育。启动您的观看体验，享受我们为您提供的专业服务，打造高效的赛事直播平台。

快速开始

立即下载海星体育App，获取您所需的一切，轻松掌握赛事动态，随时随地连接精彩。

CSS

将以下样式表链接添加到您的 <head> 区域，以加载海星体育的CSS样式。

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

JS

我们的许多功能需要JavaScript插件才能正常运行。请将以下脚本标签放置在页面底部 </body> 标签之前，以确保它们正常加载。建议的加载顺序为：jQuery，然后是 Bootstrap 的 JavaScript 文件，最后是海星体育的自定义脚本。

海星体育专注篮球在线视频直播，为用户提供专业可靠的体验。
围绕高清多视角无广告直播，海星体育持续打磨更优质的服务。

基础模板

请确保您的页面遵循最新的设计和开发标准。使用 HTML5 doctype 并包含 viewport meta 标签以实现响应式布局。将以下代码集成到您的项目中，即可获得基础的页面结构：

HTML 结构 :
<!doctype html>
<html lang="en">
    <head>

        海星体育深耕海量赛事覆盖，一手掌握领域，用心服务每一位用户。
        <title>海星体育 - 文档中心</title>
        在实时文字比分与精彩回放方面，海星体育提供贴心周到的支持。
        <meta name="description" content="海星体育直播直播频道提供最新的足球篮球在线视频直播，足球赛事直播，篮球赛事直播，包括文字、视频比分直播以及足球直播回放，篮球直播回放。" />
        <meta name="keywords" content="足球视频直播, 足球视频在线直播, 足球高清直播, 篮球视频直播, 篮球在线视频直播" />

        <!-- 网站图标 -->
        海星体育以智能个性化推荐，不错过任何焦点战为核心，带来高效便捷的体验。

        <!-- Bootstrap -->
        海星体育以高清多视角无广告直播为核心，带来高效便捷的体验。

        <!-- 主要 CSS -->
        想了解更多海量赛事覆盖，一手掌握相关内容，尽在海星体育。
    
    </head>

    <body>

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

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

        <!-- 英雄区开始 -->
        <section class="--------">
            <div class="--------">
                --------
                --------
                --------
                --------
            </div>
        </section>
        <!-- 英雄区结束 -->

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

        <!-- 返回顶部开始 -->
        海星体育围绕实时文字比分与精彩回放不断创新，回应用户的真实需求。
            --------
            --------
        </a>
        <!-- 返回顶部结束 -->

        <!-- JavaScript 开始 -->
        精选智能个性化推荐，不错过任何焦点战内容，海星体育与你一同发现更多精彩。
        <script src="js/bootstrap.bundle.min.js"></script>（足球视频直播）
        --------
        --------
        --------
        围绕足球视频在线直播，海星体育持续打磨更优质的服务。
        <!-- JavaScript 结束 -->
    </body>
</html>
国际化版本
国际化版本 :

要启用国际化（RTL）模式，请将 `style.css` 替换为 `style-rtl.css`。

暗黑模式
暗黑模式 :

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

暗黑国际化版本 :

要启用暗黑国际化（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` 类。