master

分支 (2)

管理

管理

master

bug-lishi

xiaohei-pc
/
my.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/movie.css">
    <link rel="stylesheet" href="./css/my.css">
    <link rel="stylesheet" href="./css/div-hidden.css">
    <link rel="stylesheet" href="./bootstarp/cdn.jsdelivr.net_npm_bootstrap@5.3.0-alpha1_dist_css_bootstrap.min.css">
    <script src="./bootstarp/cdn.jsdelivr.net_npm_bootstrap@5.3.0-alpha1_dist_js_bootstrap.bundle.min.js"></script>
    <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>

</head>

<body>
    <header id="top">
        <a href="./index.html">
            <h1>🐾小黑电影网</h1>
        </a>
        <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>

    <article>
        <!-- 左侧介绍模块 -->
        <div class="left">
            <section class="left-section-1">
                <img src="./img/xuanchuan.png" alt="">
            </section>


            <section class="left-section-2">
                <div>
                    <p class="iconfont icon-weixin icon"></p>
                    <p>订阅关注</p>
                </div>
                <div>
                    <p class="iconfont icon-shandian icon"></p>
                    <p>赞助发电</p>
                </div>
                <div>
                    <p class="iconfont icon-shoutibao icon"></p>
                    <p>好物</p>
                </div>
                <div>
                    <p class="iconfont icon-lianjie icon"></p>
                    <p>豆瓣插件</p>
                </div>
                <div>
                    <p class="iconfont icon-fankui icon"></p>
                    <p>帮助反馈</p>
                </div>
            </section>


            <section class="left-section-3">
                <div class="my-background">
                    <div class="header">
                    </div>
                    <span id="nikeName">点我设置昵称</span>
                </div>

                <div class="container">

                    <ul class="list-group mt-3">
                        <li class="list-group-item custom-list-item">昵称：<span id="nikeName_msg"></span></li>
                        <li class="list-group-item custom-list-item">用户名： <span id="username_msg"></span></li>
                        <li class="list-group-item custom-list-item">性别: <span id="sex_msg">神秘人</span></li>
                        <li class="list-group-item custom-list-item">年龄: <span id="age_msg">永远的18岁</span></li>
                    </ul>
                </div>
            </section>

            <section class="left-section-4">
                <div>
                    <p class="iconfont icon-xinfeng icon-small"></p>
                    <p class="magin">联系合作</p>
                    <p class="iconfont icon-youjiantou icon-small"></p>
                </div>

                <div>
                    <p class="iconfont icon-jinggao icon-small"></p>
                    <p class="magin">侵权举报</p>
                    <p class="iconfont icon-youjiantou icon-small"></p>
                </div>


                <div>
                    <p class="iconfont icon-weibiaoti1 icon-small"></p>
                    <p class="magin">免责声明</p>
                    <p class="iconfont icon-youjiantou icon-small"></p>
                </div>


            </section>
        </div>
        <!-- 右侧推荐模块  -->
        <div class="right">
            <section class="right-section-1">
                <p>📢小黑电影网：www.qmjkss.com 请及时收藏！</p>
            </section>

            <section class="right-section-2">
                <img src="./img/广告/茶杯狐.png" alt="">
            </section>

            <section class="right-section-3">
                <h2 class="gary-text">相关推荐</h2>
                <main>
                    <div class="box">
                        <img class="show" src="./img/夺魂密令.jpg" alt="">
                        <div>
                            <img class="star" src="./img/star_icon.png" alt="">
                            <img class="star" src="./img/star_icon.png" alt="">
                            <img class="star" src="./img/star_icon.png" alt="">
                            <img class="star" src="./img/star_icon.png" alt="">
                            <img class="star" src="./img/star_icon.png" alt="">
                        </div>
                        <p>夺魂密令</p>
                    </div>


                    <div class="box">
                        <img class="show" src="./img/向着宵夜的方向 第三季.jpg" alt="">
                        <div>
                            <img class="star" src="./img/star_icon.png" alt="">
                            <img class="star" src="./img/star_icon.png" alt="">
                            <img class="star" src="./img/star_icon.png" alt="">
                            <img class="star" src="./img/star_icon.png" alt="">
                            <img class="star" src="./img/star_icon.png" alt="">
                        </div>
                        <p>向着宵夜的方向 第三季</p>
                    </div>


                    <div class="box">
                        <img class="show" src="./img/死结.jpg" alt="">
                        <div>
                            <img class="star" src="./img/star_icon.png" alt="">
                            <img class="star" src="./img/star_icon.png" alt="">
                            <img class="star" src="./img/star_icon.png" alt="">
                            <img class="star" src="./img/star_icon.png" alt="">
                            <img class="star" src="./img/star_icon.png" alt="">
                        </div>
                        <p>死结</p>
                    </div>

                    <div class="box">
                        <img class="show" src="./img/爬行异种.jpg" alt="">
                        <div>
                            <img class="star" src="./img/star_icon.png" alt="">
                            <img class="star" src="./img/star_icon.png" alt="">
                            <img class="star" src="./img/star_icon.png" alt="">
                            <img class="star" src="./img/star_icon.png" alt="">
                            <img class="star" src="./img/star_icon.png" alt="">
                        </div>
                        <p>爬行异种</p>
                    </div>


                    <div class="box">
                        <img class="show" src="./img/消失的她.jpg" alt="">
                        <div>
                            <img class="star" src="./img/star_icon.png" alt="">
                            <img class="star" src="./img/star_icon.png" alt="">
                            <img class="star" src="./img/star_icon.png" alt="">
                            <img class="star" src="./img/star_icon.png" alt="">
                            <img class="star" src="./img/star_icon.png" alt="">
                        </div>
                        <p>消失的她</p>
                    </div>


                    <div class="box">
                        <img class="show" src="./img/请别相信她.jpg" alt="">
                        <div>
                            <img class="star" src="./img/star_icon.png" alt="">
                            <img class="star" src="./img/star_icon.png" alt="">
                            <img class="star" src="./img/star_icon.png" alt="">
                            <img class="star" src="./img/star_icon.png" alt="">
                            <img class="star" src="./img/star_icon.png" alt="">
                        </div>
                        <p>请别相信她</p>
                    </div>
                </main>
            </section>
        </div>
    </article>

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


<script src="/js/search.js"></script>
    <script>
        $(function () {
            let file
            //更换头像模块
            if (!$.cookie('header')) {
                //头像读取更换逻辑
                $('.header').on('mouseenter', function () {
                    $(this).append('<p>更换头像</p>')
                    $(this).css('box-shadow', 'inset 80px 10px rgba(0,0,0,.4)')
                }).on('mouseleave', function () {
                    $(this).children().remove()
                    $(this).css('box-shadow', '')
                }).on('click', function () {
                    $(this).append('<input type="file" id="file">');
                    // 移除旧的事件绑定

                    $('.header input').on('change', function (e) {
                        file = e.target.files[0];
                        $.cookie('header', file.name, { expires: 10 })
                        $('.header').css('background', `url("../img/个人主页/${$.cookie('header')}")`)
                        $('header .icon-div .head-img').attr('src', `../img/个人主页/${$.cookie('header')}`)
                        // location.reload()
                    });
                });
            } else {
                $('.header').css('background', `url("../img/个人主页/${$.cookie('header')}")`)
                $('header .icon-div .head-img').attr('src', `../img/个人主页/${$.cookie('header')}`)
            }

            //更换昵称模块
            getcookie($('#nikeName'), 'nikeName', '昵称')
        })


        //cookie读取函数
        function getcookie(el, cookie, msg) {
            if (!$.cookie(cookie)) {
                el.on('click', function () {
                    let str = prompt('请输入您的' + msg)
                    if (str !== '') {
                        $.cookie(cookie, str, { expires: 10 })
                        el.html($.cookie(cookie))
                        location.reload()
                    }
                })

            } else {
                // 加载完毕读取昵称
                el.html($.cookie(cookie))
            }
        }

        //个人信息
        $(function () {
            // 昵称读取
            $('#nikeName_msg').html($.cookie('nikeName'))

            //用户名读取
            $('#username_msg').html($.cookie('username_now'))

            //性别读取
            getcookie($('#sex_msg'), 'sex', '性别')

            //年龄读取
            getcookie($('#age_msg'), 'age', '年龄')
        })

        $(function(){
            //搜索框模块
            $('header input').on('keydown', function (e) {
                let arr = []
                if (e.keyCode === 13) {
                    $.get('http://127.0.0.1:8000/jquery-server', {  }, function (data) {
                        arr = data.data.name
                        console.log(arr.indexOf($('header input').val()));
                        if (arr.indexOf($('header input').val()) !== -1) {
                            $.cookie('index', arr.indexOf($('header input').val()))
                            window.open('/search.html')
                        } else {
                            layer.msg(`<img src = '../img/QQ图片20230915113011.gif'> <br>没有该影片哦`)
                        }
                    }, 'json')
                }
            });
        })
    </script>

    <script src="./js/color.js"></script>
    <script src="./js/div-hidden.js"></script>
    <script src="./js/logincheck.js"></script>


</body>

</html>