master

分支 (2)

管理

管理

master

bug-lishi

xiaohei-pc
/
search.html

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

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>---🐾小黑电影网---</title>
    <link rel="stylesheet" href="./css/iconfont.css">
    <link rel="stylesheet" href="./css/div-hidden.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/history.css">

    <script src="/js/jquery.js"></script>
    <script src="./js/jquery.cookie.js"></script>
    <script src="./layer-v3.5.1/layer/layer.js"></script>
    <style>
        .root {
            display: flex;
            box-sizing: border-box;
            padding: 50px;
        }

        .root .box-bottom .movie-img {
            width: 261px;
            height: 326px;
        }

        .box-hidden #search-content {
            width: 100%;
            height: 30px;
            margin: 20px 0;
            text-align: center;
            line-height: 30px;
        }

        .box-hidden #search-content:hover {
            background-color: aqua;
            cursor: pointer;
        }
        .box{
            width: 80%;
            margin: 0 auto;
        }
        .box:hover {
            transform: scale(1);
            color: aqua;
        }
    </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>


    <div class="box">
        <img src="./img/弑君者.jpg" alt="">
        <div class="inner">
            <h2>弑君者</h2>
            <p>描述</p>
        </div>
        <p>🗑️</p>
    </div>

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

    <script>


        //ajax模块
        $(function () {
            let str
            let data
            let index = $.cookie("index");
            $.get('http://127.0.0.1:8000/jquery-server', { index }, function (data) {
                console.log(data.name, data.msg);
                //data.name表示当前名字
                //data。msg表示当前电影的描述
                str = `./img/${data.name.slice(1, -1)}.jpg`
                $('.box img').eq(0).attr('src', str)

                //电影名称
                let movie_name = data.name.slice(1, -1)

                $('#top input').val(movie_name)
                $('.inner h2').html(movie_name)
                //电影简介
                $('.inner p').html(data.msg).css('color', 'black')
            })

            $('.box').click(function () {
                window.open('./movie.html')
            })
        })
    </script>


    <script src="./js/logincheck.js"></script>
</body>

</html>