文档

介绍

开始使用鲸鱼体育。启动您的赛事关注,并从我们关于设计和管理转化中心化直播页面的专业知识中获益。

快速入门

开始使用鲸鱼体育,获取您所需的一切,以提升赛事关注度、引导流量、建立连接。前往下载页面。

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插件。

鲸鱼体育专注鲸鱼体育下载,为用户提供专业可靠的体验。
围绕鲸鱼体育官网,鲸鱼体育持续打磨更优质的服务。

基础模板

确保您的页面设置遵循最新的设计和开发标准。这意味着使用HTML5 doctype并包含一个viewport元标签以实现适当的响应式行为。将所有这些整合起来,您的页面应该看起来像这样:

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 href="#" class="--------" id="#--------">
            --------
            --------
        </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。