master

分支 (2)

管理

管理

master

bug-lishi

xiaohei-pc
/
index.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/iconfont.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/div-hidden.css">
    <script src="./js/jquery.js"></script>
    <script src="./js/jquery.cookie.js"></script>
    <script src="./layer-v3.5.1/layer/layer.js"></script>
    <title>---🐾小黑电影网---</title>
    <!-- Link Swiper's CSS -->
    <link rel="stylesheet" href="./swiper-8.3.0/swiper-bundle.css" />

    <!-- Demo styles -->
    <style>
        html,
        body {
            position: relative;
            height: 100%;
        }

        body {
            background: #eee;
            font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
            font-size: 14px;
            color: #000;
            margin: 0;
            padding: 0;
        }

        .swiper {
            width: 1050px;
            height: 600px;
        }

        .swiper-slide {
            text-align: center;
            font-size: 18px;
            background: #fff;

            /* Center slide text vertically */
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
        }

        .swiper-slide img {
            display: block;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .swiper-button-next {
            display: none;
            color: gray;
        }

        .swiper-button-prev {
            display: none;
            color: gray;
        }

        :root {
            --swiper-theme-color: rgba(255, 255, 255, .9);
        }
    </style>
</head>

<body>
    <!-- 头部 -->
    <header id="top">
        <h1>🐾小黑电影网</h1>
        <div class="sousuohidden-div">
            <input type="text" placeholder="电影、剧集、综艺、动漫...">
            <div class="box-hidden">
                <p>搜索历史</p>
                <div>
                    <p>没有记录</p>
                </div>
                <p>热门记录</p>
                <div>
                    <p>🔥变形金刚</p>
                </div>
                <div>
                    <p>🔥火影忍者</p>
                </div>
                <div>
                    <p>🔥复仇者联盟</p>
                </div>
                <div>
                    <p>🔥战狼</p>
                </div>
            </div>
        </div>
        <div class="icon-div">
            <span class="iconfont icon-sousuo"></span>
            <a href="./history.html" style="text-decoration: none;color: black;"> <span
                    class="iconfont icon-lishi"></span></a>
            <span class="iconfont icon-yejian night"></span>
            <a href="./my.html"><img class="head-img" src="./img/head.png" alt=""></a>
            <div class="return_login">
                <li><a href="./login.html">退出登录</a></li>
            </div>
        </div>

    </header>
    <!-- 轮播图部分 -->
    <!-- Swiper -->
    <div class="swiper mySwiper" id="swiper">
        <div class="swiper-wrapper">
            <div class="swiper-slide"><img src="./img/轮播图/1.jpg" alt=""></div>
            <div class="swiper-slide"><img src="./img/轮播图/2.jpg" alt=""></div>
            <div class="swiper-slide"><img src="./img/轮播图/3.jpg" alt=""></div>
            <div class="swiper-slide"><img src="./img/轮播图/4.jpg" alt=""></div>
        </div>
        <div class="swiper-button-next"></div>
        <div class="swiper-button-prev"></div>
        <div class="swiper-pagination"></div>
    </div>


    <!-- 电影栏模块 -->
    <section id="section-movie">
        <div class="box-top">
            <p>🎞️电影</p>
            <button>
                <p>更多 ></p>
            </button>
        </div>

        <div class="box-mid">
            <div>
                <p>最新</p>
            </div>
            <div>
                <p>动作片</p>
            </div>
            <div>
                <p>喜剧片</p>
            </div>
            <div>
                <p>爱情片</p>
            </div>
            <div>
                <p>科幻片</p>
            </div>
            <div>
                <p>恐怖片</p>
            </div>
            <div>
                <p>纪录片</p>
            </div>
            <div>
                <p>战争片</p>
            </div>
        </div>

        <article>
            <div class="box-bottom">
                <a href=""><img class="movie-img" src="./img/弑君者.jpg" alt="">
                    <p>弑君者</p>
                    <img class="star" src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <p>5.0</p>
                </a>
            </div>


            <div class="box-bottom">
                <a href=""><img class="movie-img" src="./img/向着宵夜的方向 第三季.jpg" alt="">
                    <p>向着宵夜的方向 第三季</p>
                    <img class="star" src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <p>5.0</p>
                </a>
            </div>


            <div class="box-bottom">
                <a href=""><img class="movie-img" src="./img/夺魂密令.jpg" alt="">
                    <p>夺魂密令</p>
                    <img class="star" src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <p>5.0</p>
                </a>
            </div>


            <div class="box-bottom">
                <a href=""><img class="movie-img" src="./img/死结.jpg" alt="">
                    <p>死结</p>
                    <img class="star" src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <p>5.0</p>
                </a>
            </div>


            <div class="box-bottom">
                <a href=""><img class="movie-img" src="./img/毒从口入：食物的丑陋真相.jpg" alt="">
                    <p>毒从口入：食物的丑陋真相</p>
                    <img class="star" src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <p>5.0</p>
                </a>
            </div>


            <div class="box-bottom">
                <a href=""><img class="movie-img" src="./img/消失的她.jpg" alt="">
                    <p>消失的她</p>
                    <img class="star" src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <p>5.0</p>
                </a>
            </div>


            <div class="box-bottom">
                <a href=""><img class="movie-img" src="./img/爬行异种.jpg" alt="">
                    <p>爬行异种</p>
                    <img class="star" src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <p>5.0</p>
                </a>
            </div>


            <div class="box-bottom">
                <a href=""><img class="movie-img" src="./img/访客.jpg" alt="">
                    <p>访客</p>
                    <img class="star" src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <p>5.0</p>
                </a>
            </div>

        </article>
    </section>

    <!-- 综艺栏模块 -->
    <section id="section-zongyi">
        <div class="box-top">
            <p>🎉综艺</p>
            <button>
                <p>更多 ></p>
            </button>
        </div>

        <div class="box-mid">
            <div>
                <p>最新</p>
            </div>
            <div>
                <p>选秀</p>
            </div>
            <div>
                <p>情感</p>
            </div>
            <div>
                <p>访谈</p>
            </div>
            <div>
                <p>播报</p>
            </div>
            <div>
                <p>旅游</p>
            </div>
            <div>
                <p>音乐</p>
            </div>
            <div>
                <p>美食</p>
            </div>
            <div>
                <p>纪实</p>
            </div>
            <div>
                <p>曲艺</p>
            </div>
            <div>
                <p>生活</p>
            </div>
            <div>
                <p>游戏互动</p>
            </div>
            <div>
                <p>财经</p>
            </div>
            <div>
                <p>求职</p>
            </div>
        </div>

        <article>
            <div class="box-bottom">
                <a href=""><img class="movie-img" src="./img/综艺/一拍即合的我们.jpg" alt="">
                    <p>一拍即合的我们</p>
                    <img class="star" src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <p>5.0</p>
                </a>
            </div>


            <div class="box-bottom">
                <a href=""><img class="movie-img" src="./img/综艺/一起撸串吧.jpg" alt="">
                    <p>一起撸串吧</p>
                    <img class="star" src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <p>5.0</p>
                </a>
            </div>


            <div class="box-bottom">
                <a href=""><img class="movie-img" src="./img/综艺/开心吧！麻花.jpg" alt="">
                    <p>开心吧！麻花</p>
                    <img class="star" src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <p>5.0</p>
                </a>
            </div>


            <div class="box-bottom">
                <a href=""><img class="movie-img" src="./img/综艺/心动的信号 第六季.jpg" alt="">
                    <p>心动的信号 第六季</p>
                    <img class="star" src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <p>5.0</p>
                </a>
            </div>


            <div class="box-bottom">
                <a href=""><img class="movie-img" src="./img/综艺/是好朋友的周末.jpg" alt="">
                    <p>是好朋友的周末</p>
                    <img class="star" src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <p>5.0</p>
                </a>
            </div>


            <div class="box-bottom">
                <a href=""><img class="movie-img" src="./img/综艺/活力满分的夏天.jpg" alt="">
                    <p>活力满分的夏天</p>
                    <img class="star" src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <p>5.0</p>
                </a>
            </div>


            <div class="box-bottom">
                <a href=""><img class="movie-img" src="./img/综艺/脱鞋恢单4men.jpg" alt="">
                    <p>脱鞋恢单4men</p>
                    <img class="star" src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <p>5.0</p>
                </a>
            </div>


            <div class="box-bottom">
                <a href=""><img class="movie-img" src="./img/综艺/这！就是灌篮 第五季.jpg" alt="">
                    <p>这！就是灌篮 第五季</p>
                    <img class="star" src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <p>5.0</p>
                </a>
            </div>

        </article>
    </section>
    <!-- 动漫栏模块 -->
    <section id="section-dongman">
        <div class="box-top">
            <p>📚动漫</p>
            <button>
                <p>更多 ></p>
            </button>
        </div>

        <div class="box-mid">
            <div>
                <p>最新</p>
            </div>
            <div>
                <p>情感</p>
            </div>
            <div>
                <p>科幻</p>
            </div>
            <div>
                <p>热血</p>
            </div>
            <div>
                <p>推理</p>
            </div>
            <div>
                <p>搞笑</p>
            </div>
            <div>
                <p>冒险</p>
            </div>
            <div>
                <p>萝莉</p>
            </div>
            <div>
                <p>校园</p>
            </div>
            <div>
                <p>动作</p>
            </div>
            <div>
                <p>机战</p>
            </div>
            <div>
                <p>运动</p>
            </div>
            <div>
                <p>战争</p>
            </div>
            <div>
                <p>少年</p>
            </div>
            <div>
                <p>少女</p>
            </div>
            <div>
                <p>社会</p>
            </div>
            <div>
                <p>原创</p>
            </div>
        </div>

        <article>
            <div class="box-bottom">
                <a href=""><img class="movie-img" src="./img/动漫/万古神话.jpg" alt="">
                    <p>万古神话</p>
                    <img class="star" src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <p>5.0</p>
                </a>
            </div>


            <div class="box-bottom">
                <a href=""><img class="movie-img" src="./img/动漫/山海际会.jpg" alt="">
                    <p>山海际会</p>
                    <img class="star" src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <p>5.0</p>
                </a>
            </div>


            <div class="box-bottom">
                <a href=""><img class="movie-img" src="./img/动漫/怪兽小馆.jpg" alt="">
                    <p>怪兽小馆</p>
                    <img class="star" src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <p>5.0</p>
                </a>
            </div>


            <div class="box-bottom">
                <a href=""><img class="movie-img" src="./img/动漫/生而为猫.jpg" alt="">
                    <p>生而为猫</p>
                    <img class="star" src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <p>5.0</p>
                </a>
            </div>


            <div class="box-bottom">
                <a href=""><img class="movie-img" src="./img/动漫/白圣女与黑牧师.jpg" alt="">
                    <p>白圣女与黑牧师</p>
                    <img class="star" src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <p>5.0</p>
                </a>
            </div>


            <div class="box-bottom">
                <a href=""><img class="movie-img" src="./img/动漫/祭品公主与兽王.jpg" alt="">
                    <p>祭品公主与兽王</p>
                    <img class="star" src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <p>5.0</p>
                </a>
            </div>


            <div class="box-bottom">
                <a href=""><img class="movie-img" src="./img/动漫/都市仙王.jpg" alt="">
                    <p>都市仙王</p>
                    <img class="star" src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <p>5.0</p>
                </a>
            </div>


            <div class="box-bottom">
                <a href=""><img class="movie-img" src="./img/动漫/魔皇大管家 动态漫画.jpg" alt="">
                    <p>魔皇大管家 动态漫画</p>
                    <img class="star" src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <p>5.0</p>
                </a>
            </div>

        </article>
    </section>


    <!-- 电视剧栏模块 -->
    <section id="section-dianshiju">
        <div class="box-top">
            <p>📺电视剧</p>
            <button>
                <p>更多 ></p>
            </button>
        </div>

        <div class="box-mid">
            <div>
                <p>最新</p>
            </div>
            <div>
                <p>国产剧</p>
            </div>
            <div>
                <p>港台剧</p>
            </div>
            <div>
                <p>日韩剧</p>
            </div>
            <div>
                <p>欧美剧</p>
            </div>
        </div>

        <article>
            <div class="box-bottom">
                <a href=""><img class="movie-img" src="./img/电视剧/Get Rich.jpg" alt="">
                    <p>Get Rich</p>
                    <img class="star" src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <p>5.0</p>
                </a>
            </div>


            <div class="box-bottom">
                <a href=""><img class="movie-img" src="./img/电视剧/做自己的光.jpg" alt="">
                    <p>做自己的光</p>
                    <img class="star" src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <p>5.0</p>
                </a>
            </div>


            <div class="box-bottom">
                <a href=""><img class="movie-img" src="./img/电视剧/女儿大人加个赖.jpg" alt="">
                    <p>女儿大人加个赖</p>
                    <img class="star" src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <p>5.0</p>
                </a>
            </div>


            <div class="box-bottom">
                <a href=""><img class="movie-img" src="./img/电视剧/安乐传.jpg" alt="">
                    <p>安乐传</p>
                    <img class="star" src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <p>5.0</p>
                </a>
            </div>


            <div class="box-bottom">
                <a href=""><img class="movie-img" src="./img/电视剧/恋恋洗衣店2.jpg" alt="">
                    <p>恋恋洗衣店2</p>
                    <img class="star" src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <p>5.0</p>
                </a>
            </div>


            <div class="box-bottom">
                <a href=""><img class="movie-img" src="./img/电视剧/父亲的草原母亲的河.jpg" alt="">
                    <p>父亲的草原母亲的河</p>
                    <img class="star" src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <p>5.0</p>
                </a>
            </div>


            <div class="box-bottom">
                <a href=""><img class="movie-img" src="./img/电视剧/郎君不如意.jpg" alt="">
                    <p>郎君不如意</p>
                    <img class="star" src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <p>5.0</p>
                </a>
            </div>


            <div class="box-bottom">
                <a href=""><img class="movie-img" src="./img/电视剧/长时间等你.jpg" alt="">
                    <p>长时间等你</p>
                    <img class="star" src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <img src="./img/star_icon.png" alt="">
                    <p>5.0</p>
                </a>
            </div>

        </article>
    </section>


    <!-- 电梯导航栏模块 -->
    <main>
        <a href="#section-movie">
            <p>电影</p>
        </a>
        <a href="#section-zongyi">
            <p>综艺</p>
        </a>
        <a href="#section-dongman">
            <p>动漫</p>
        </a>
        <a href="#section-dianshiju">
            <p>电视剧</p>
        </a>
        <a href="#top">
            <p class="iconfont icon-shangjiantou"></p>
        </a>
    </main>


    <!-- 尾部 -->
    <footer>
        <span>小黑电影网 - 努力让找电影变得简单</span>
        <span>小黑官方（www.qmjkss.com）是中国最大的影视资源聚合搜索引擎，实时聚合全网优质影视资源，努力让找电影变得简单，同时支持在线观看电影、电视剧、动漫、综艺等。追剧就来小黑电影网！</span>
        <span>本站只提供WEB页面服务，本站不存储、不制作任何视频，不承担任何由于内容的合法性及健康性所引起的争议和法律责任。</span>
        <span>若本站收录的节目无意侵犯了贵司版权，请提交留言（我们会在3个工作日内删除侵权内容，谢谢。）</span>
    </footer>

    <!-- 广告模块 -->
    <iframe src="./index-sun.html" frameborder="0">
    </iframe>
    <script src="./js/haeder.js"></script>
    <script src="./js/div-hidden.js"></script>


    <!-- Swiper JS -->
    <script src="./swiper-8.3.0//swiper-bundle.min.js"></script>

    <!-- Initialize Swiper -->
    <script src="./js/loopimg.js"></script>

    <script src="/js/search.js"></script>
    <script src="./js/color.js"></script>
    <script src="./js/logincheck.js"></script>

</body>

</html>