山农作业-猫眼

最新推荐文章于 2024-10-02 17:15:49 发布
最新推荐文章于 2024-10-02 17:15:49 发布
阅读量52 收藏
点赞数
文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/asdkhalkjan/article/details/131745364
版权
该网页展示了猫眼电影平台的部分内容，包括正在热映的电影如《八角笼中》、《消失的她》等，以及电影的票房和预告片信息。此外，还列出了即将上映的电影，如《此生有约》、《烈焰卫士》等，并标注了上映日期。页面右侧则有各类榜单，如最受期待、热门影人和娱乐热点等。
摘要由CSDN通过智能技术生成 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>猫眼</title>
    <link rel="stylesheet" href="plugins/bootstrap-3.4.1/css/bootstrap.css">
</head>
<style>
    .margin {
        margin: 12px 120px 12px 120px;
        padding: 0;

    }

    .container1 {
        width: 1520px;
        margin: 0 auto;
        margin-left: 150px;
        margin-top: 40px;
        height: 4300px;
    }

    .main1 {
        display: flex;
        float: left;
        padding: 0 18px;
        width: 780px;
        height: 600px;
    }

    .head {

        height: 34px;
        width: 760px;
        margin-bottom: 25px;
        margin-left: 22px;
    }

    .main1 .movie-list {
        display: flex;
        justify-content: space-around;
        width: 700px;
        height: 550px;
        flex-wrap: wrap;
    }

    .movie-list .movie {
        width: 160px;
        height: 200px;
        padding-left: 5px;
    }

    .main2 {
        width: 420px;
        height: 4000px;
        float: right;
        margin-right: 320px;
        padding: 0 18px;
    }

    .main2 .panel1 {
        width: 360px;
        height: 360px;
        display: flex;
        align-content: space-around;
        flex-direction: column;
    }

    .main2 .panel2 {
        width: 360px;
        height: 854px;
        display: flex;
        align-content: space-around;
        flex-direction: column;
    }
    .main2 .panel3{
         width: 360px;
        height: 900px;
        display: flex;
        align-content: space-around;
        flex-direction: column;


    }
    .panel1 .link1 {
        display: flex;
        height: 55px;
        width: 360px;
        align-items: center;
        margin: 5px 0 5px 0;

    }

    .search {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 20px;
        width: 20px;
        background: #c9302c;
    }

    .radius {
        border-radius: 30px;
        background: #c9302c;
    }

    .account {
        height: 40px;
        width: 40px;
        transform: translatey(-4px);
    }

    .click {
        cursor: pointer;
        float: right;
        margin-right: 90px;
    }

    .button {
        width: 160px;
        height: 40px;
        background-color: #DDDDDD;
        border: #DDDDDD;
    }

    .picture {
        width: 100%;
        height: 100%;
        align-content: center;
    }

    .hidden1 {
        text-overflow: ellipsis;
        overflow: hidden;
        width: 300px;
        white-space: nowrap;
    }
    .hidden2 {
        text-overflow: ellipsis;
        overflow: hidden;
        width: 100px;
        white-space: nowrap;
    }
    .container-foot{
        width: 100%;
        height: 400px;
        background-color: #0f0f0f;
        padding: 70px 0 0 0;
    }
    .container-foot .link2{
        display: flex;
        align-items: center;
        flex-direction: column;
        align-content: space-around;
        color: red;
    }
</style>
<body>
<nav class="navbar navbar-default">
    <div class="container-fluid margin">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div style="margin-left: 90px" class="navbar-header">
            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                    data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                <span class="sr-only">Toggle navigation</span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a href="#">
                <img src="img2/DM_20230624224522_036.png">
            </a>
        </div>

        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
                       aria-expanded="false">泰安<span class="caret"></span></a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Action</a></li>
                        <li><a href="#">Another action</a></li>
                        <li><a href="#">Something else here</a></li>
                        <li role="separator" class="divider"></li>
                        <li><a href="#">Separated link</a></li>
                        <li role="separator" class="divider"></li>
                        <li><a href="#">One more separated link</a></li>
                    </ul>
                <li class="active"><a href="#">首页</a></li>
                <li><a href="#">电影</a></li>
                <li><a href="#">影院</a></li>
                <li><a href="#">演出</a></li>
                <li><a href="#">榜单</a></li>
                <li><a href="#">热点</a></li>
                <li><a href="#">商城</a></li>
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true"
                       aria-expanded="false">
                        APP下载
                        <span class="caret"></span></a>
                    <ul class="dropdown-menu">
                        <img src="img2/DM_20230624224522_039.png">
                        </a>
                    </ul>


            </ul>

            <form class="navbar-form navbar-left">
                <div class="form-group">
                    <input type="text" class="form-control" placeholder="找影视剧、影人、影院">
                </div>
                <button type="submit" class="btn btn-default radius ">
                    <div class="search"><img src="img2/DM_20230624224522_037.png"></div>
                </button>
            </form>
            <ul class="nav navbar-nav">
                <li class="dropdown">
                    <a class="account" href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"
                       aria-haspopup="true" aria-expanded="false">
                        <img class="account " src="img2/DM_20230624224522_001.png"></a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Action</a></li>
                        <li><a href="#">Another action</a></li>
                        <li><a href="#">Something else here</a></li>
                        <li role="separator" class="divider"></li>
                        <li><a href="#">Separated link</a></li>
                        <li role="separator" class="divider"></li>
                        <li><a href="#">One more separated link</a></li>
                    </ul>

            </ul>
        </div><!-- /.navbar-collapse -->
    </div><!-- /.container-fluid -->
</nav>
<div class="container1">
    <div>
        <div class="head" style="color: #c12e2a">
            <h2> 正在热映（30部）
                <div style="float: right;transform: translateX(130px)">今日票房</div>
            </h2>
            <span class="click">全部></span>
        </div>
        <div class="main1">
            <div class="movie-list">
                <div class="movie">
                    <div style="position: absolute;z-index: 1;margin-bottom: 20px;color: #DDDDEE;font-size: 18px;transform: translatey(172px);padding-left: 5px">
                        八角笼中
                    </div>
                    <img style="position: relative;z-index: -1" class="picture" src="img2/DM_20230624224522_010.jpg">
                    <button class="button" style="color: #c9302c;width: 155px">购票</button>
                </div>
                <div class="movie">
                    <div style="position: absolute;z-index: 1;margin-bottom: 20px;color: #DDDDEE;font-size: 18px;transform: translatey(172px);padding-left: 5px">
                        消失的她
                    </div>
                    <img style="position: relative;z-index: -1" class="picture" src="img2/DM_20230624224522_011.jpg">
                    <button class="button" style="color: #c9302c;width: 155px">购票</button>
                </div>
                <div class="movie">
                    <div style="position: absolute;z-index: 1;margin-bottom: 20px;color: #DDDDEE;font-size: 18px;transform: translatey(172px);padding-left: 5px">
                        我爱你！
                    </div>
                    <img style="position: relative;z-index: -1" class="picture" src="img2/DM_20230624224522_012.jpg">
                    <button class="button" style="color: #c9302c;width: 155px">购票</button>
                </div>
                <div class="movie">
                    <div style="position: absolute;z-index: 1;margin-bottom: 20px;color: #DDDDEE;font-size: 18px;transform: translatey(172px);padding-left: 5px">
                        变形金刚：超能勇士崛起
                    </div>
                    <img style="position: relative;z-index: -1" class="picture" src="img2/DM_20230624224522_013.jpg">
                    <button class="button" style="color: #c9302c;width: 155px">购票</button>
                </div>
                <div class="movie">
                    <div style="position: absolute;z-index: 1;margin-bottom: 20px;color: #DDDDEE;font-size: 18px;transform: translatey(172px);padding-left: 5px">
                        人生路不熟
                    </div>
                    <img style="position: relative;z-index: -1" class="picture" src="img2/DM_20230624224522_014.jpg">
                    <button class="button" style="color: #c9302c;width: 155px">购票</button>
                </div>
                <div class="movie">
                    <div style="position: absolute;z-index: 1;margin-bottom: 20px;color: #DDDDEE;font-size: 18px;transform: translatey(172px);padding-left: 5px">
                        疯狂元素城
                    </div>
                    <img style="position: relative;z-index: -1" class="picture" src="img2/DM_20230624224522_015.jpg">
                    <button class="button" style="color: #c9302c;width: 155px">购票</button>
                </div>
                <div class="movie">
                    <div style="position: absolute;z-index: 1;margin-bottom: 20px;color: #DDDDEE;font-size: 18px;transform: translatey(172px);padding-left: 5px">
                        天空之城
                    </div>
                    <img style="position: relative;z-index: -1" class="picture" src="img2/DM_20230624224522_017.jpg">
                    <button class="button" style="color: #c9302c;width: 155px">购票</button>
                </div>
                <div class="movie">
                    <div style="position: absolute;z-index: 1;margin-bottom: 20px;color: #DDDDEE;font-size: 18px;transform: translatey(172px);padding-left: 5px">
                        蜘蛛侠；纵横宇宙
                    </div>
                    <img style="position: relative;z-index: -1" class="picture" src="img2/img_2.png">
                    <button class="button" style="color: #c9302c;width: 155px">购票</button>
                </div>


            </div>
        </div>
    </div>
    <div class="main2">
        <div class="panel1">
            <div style="width: 238px;height: 78px">
                <div style="float: left">
                    <img style="width: 120px;height: 78px" src="img2/DM_20230624224522_002.jpg">
                </div>
                <a href="#" style="text-decoration: none;color: #0f0f0f">
                    <div style="font-size: 21px;float: left;padding-left: 10px;transform: translateY(30px)">消失的她
                    </div>
                </a>
            </div>
            <a href="#" style="text-decoration: none;color: #0f0f0f">
                <div class="link1" style="font-size: 17px"><h1
                        style="color: #c12e2a;font-size: 20px;transform: translateY(-6.5px)">2、</h1>我爱你！
                </div>
            </a>
            <a href="#" style="text-decoration: none;color: #0f0f0f">
                <div class="link1" style="font-size: 17px"><h1
                        style="color: #c12e2a;font-size: 20px;transform: translateY(-6.5px)">3、</h1>八角笼中！
                </div>
            </a>
            <a href="#" style="text-decoration: none;color: #0f0f0f">
                <div class="link1" style="font-size: 17px"><h1
                        style="color: #c12e2a;font-size: 20px;transform: translateY(-6.5px)">4、</h1>变形金刚;超能勇士崛起
                </div>
            </a>
            <a href="#" style="text-decoration: none;color: #0f0f0f">
                <div class="link1" style="font-size: 17px"><h1
                        style="color: #c12e2a;font-size: 20px;transform: translateY(-6.5px)">5、</h1>疯狂元素城
                </div>
            </a>
        </div>
        <img style="width: 300px;height: 85px" src="img2/img.png">
        <h1 style="padding: 50px 0 20px 0;color: #eb9316">最受期待<div style="float: right;font-size: 20px;transform: translateY(27px)"><a href="#" style="text-decoration: none;color: #eb9316">查看完整榜单></a></div></h1>
        <div class="panel2">
            <div style="width: 360px;height: 400px">
            <div style="width: 360px;height: 194px">
                <div style="float: left">
                    <img style="width: 150px;height: 194px" src="img2/DM_20230624224522_003.jpg">
                </div>
                <a href="#" style="text-decoration: none;color: #0f0f0f">
                    <div style="font-size: 21px;float: left;padding-left: 10px;transform: translateY(60px)">
                        八角笼中<br><span style="color: #5C6576;font-size: 15px">上映时间:2023-07-06</span>
                    </div>
                </a>
            </div>
            <div class="movie"style="margin: 20px 15px 0 0;float:left">
                    <img style="position: relative;z-index: -1;width: 160px;height: 110px" class="picture" src="img2/DM_20230624224522_004.jpg">
                    <div><button class="button" style="color: #0f0f0f;">长安三万里</button></div>
                </div>
            <div class="movie"style="margin: 20px 15px 0 0;float: left">
                    <img style="position: relative;z-index: -1;width: 160px;height: 110px" class="picture" src="img2/DM_20230624224522_005.jpg">
                    <div><button class="button" style="color: #0f0f0f;">封神第一部</button></div>
                </div></div>
            <a href="#" style="text-decoration: none;color: #0f0f0f">
                <div class="link1" style="font-size: 17px;float: left;align-items: center;display: flex"><h1 style="color: #c12e2a;font-size: 20px;transform: translateY(-6.5px);float: left">4、</h1>茶啊二中
                </div>
            </a>
            <a href="#" style="text-decoration: none;color: #0f0f0f">
                <div class="link1" style="font-size: 17px;float: left;align-items: center;display: flex"><h1 style="color: #c12e2a;font-size: 20px;transform: translateY(-6.5px);float: left">5、</h1>巨齿鲨2:深渊
                </div>
            </a>
            <a href="#" style="text-decoration: none;color: #0f0f0f">
                <div class="link1" style="font-size: 17px;float: left;align-items: center;display: flex"><h1 style="color: #c12e2a;font-size: 20px;transform: translateY(-6.5px);float: left">6、</h1>扫毒3:人在天涯
                </div>
            </a>
            <a href="#" style="text-decoration: none;color: #0f0f0f">
                <div class="link1" style="font-size: 17px;float: left;align-items: center;display: flex"><h1 style="color: #c12e2a;font-size: 20px;transform: translateY(-6.5px);float: left">7、</h1>绝地追击
                </div>
            </a>
            <a href="#" style="text-decoration: none;color: #0f0f0f">
                <div class="link1" style="font-size: 17px;float: left;align-items: center;display: flex"><h1 style="color: #c12e2a;font-size: 20px;transform: translateY(-6.5px);float: left">8、</h1>碟中谍7:致命清算（上）
                </div>
            </a>
            <a href="#" style="text-decoration: none;color: #0f0f0f">
                <div class="link1" style="font-size: 17px;float: left;align-items: center;display: flex"><h1 style="color: #c12e2a;font-size: 20px;transform: translateY(-6.5px);float: left">9、</h1>超能一家人
                </div>
            </a>
            <a href="#" style="text-decoration: none;color: #0f0f0f">
                <div class="link1" style="font-size: 17px;float: left;align-items: center;display: flex"><h1 style="color: #c12e2a;font-size: 20px;transform: translateY(-6.5px);float: left">10、</h1>夺宝奇兵:命运转盘
                </div>
            </a>
        </div>
         <div class="panel3">
             <h1 style="padding: 50px 0 20px 0;color: #eb9316">TOP100<div style="float: right;font-size: 20px;transform: translateY(27px)"><a href="#" style="text-decoration: none;color: #eb9316">查看完整榜单></a></div></h1>
            <div style="width: 238px;height: 78px">
                <div style="float: left">
                    <img style="width: 120px;height: 78px" src="img2/DM_20230624224522_002.jpg">
                </div>
                <a href="#" style="text-decoration: none;color: #0f0f0f">
                    <div style="font-size: 21px;float: left;padding-left: 10px;transform: translateY(30px)">我不是药神
                    </div>
                </a>
            </div>
            <a href="#" style="text-decoration: none;color: #0f0f0f">
                <div class="link1" style="font-size: 17px"><h1
                        style="color: #c12e2a;font-size: 20px;transform: translateY(-6.5px)">2、</h1>肖申克的救赎
                </div>
            </a>
            <a href="#" style="text-decoration: none;color: #0f0f0f">
                <div class="link1" style="font-size: 17px"><h1
                        style="color: #c12e2a;font-size: 20px;transform: translateY(-6.5px)">3、</h1>海上钢琴师
                </div>
            </a>
            <a href="#" style="text-decoration: none;color: #0f0f0f">
                <div class="link1" style="font-size: 17px"><h1
                        style="color: #c12e2a;font-size: 20px;transform: translateY(-6.5px)">4、</h1>绿皮书
                </div>
            </a>
            <a href="#" style="text-decoration: none;color: #0f0f0f">
                <div class="link1" style="font-size: 17px"><h1
                        style="color: #c12e2a;font-size: 20px;transform: translateY(-6.5px)">5、</h1>霸王别姬
                </div>
            </a>
              <a href="#" style="text-decoration: none;color: #0f0f0f">
                <div class="link1" style="font-size: 17px"><h1
                        style="color: #c12e2a;font-size: 20px;transform: translateY(-6.5px)">6、</h1>美丽人生
                </div>
            </a>
              <a href="#" style="text-decoration: none;color: #0f0f0f">
                <div class="link1" style="font-size: 17px"><h1
                        style="color: #c12e2a;font-size: 20px;transform: translateY(-6.5px)">7、</h1>这个杀手不太冷
                </div>
            </a>
              <a href="#" style="text-decoration: none;color: #0f0f0f">
                <div class="link1" style="font-size: 17px"><h1
                        style="color: #c12e2a;font-size: 20px;transform: translateY(-6.5px)">8、</h1>小偷家族
                </div>
            </a>
              <a href="#" style="text-decoration: none;color: #0f0f0f">
                <div class="link1" style="font-size: 17px"><h1
                        style="color: #c12e2a;font-size: 20px;transform: translateY(-6.5px)">9、</h1>哪吒之魔童降世
                </div>
            </a>
              <a href="#" style="text-decoration: none;color: #0f0f0f">
                <div class="link1" style="font-size: 17px"><h1
                        style="color: #c12e2a;font-size: 20px;transform: translateY(-6.5px)">10、</h1>怦然心动
                </div>
            </a>
        </div>
           <div class="panel3">
             <h1 style="padding: 50px 0 20px 0;color: #eb9316">热门影人<div style="float: right;font-size: 20px;transform: translateY(27px)"><a href="#" style="text-decoration: none;color: #eb9316"></a></div></h1>
            <div style="width: 238px;height: 78px">
                <div style="float: left">
                    <img style="width: 120px;height: 78px" src="img2/DM_20230624224522_007.jpg">
                </div>
                <a href="#" style="text-decoration: none;color: #0f0f0f">
                    <div style="font-size: 21px;float: left;padding-left: 10px;transform: translateY(30px)">张新成
                    </div>
                </a>
            </div>
            <a href="#" style="text-decoration: none;color: #0f0f0f">
                <div class="link1" style="font-size: 17px"><h1
                        style="color: #c12e2a;font-size: 20px;transform: translateY(-6.5px)">2、</h1>范·迪赛尔
                </div>
            </a>
            <a href="#" style="text-decoration: none;color: #0f0f0f">
                <div class="link1" style="font-size: 17px"><h1
                        style="color: #c12e2a;font-size: 20px;transform: translateY(-6.5px)">3、</h1>张婧仪
                </div>
            </a>
            <a href="#" style="text-decoration: none;color: #0f0f0f">
                <div class="link1" style="font-size: 17px"><h1
                        style="color: #c12e2a;font-size: 20px;transform: translateY(-6.5px)">4、</h1>朱一龙
                </div>
            </a>
            <a href="#" style="text-decoration: none;color: #0f0f0f">
                <div class="link1" style="font-size: 17px"><h1
                        style="color: #c12e2a;font-size: 20px;transform: translateY(-6.5px)">5、</h1>倪妮
                </div>
            </a>
              <a href="#" style="text-decoration: none;color: #0f0f0f">
                <div class="link1" style="font-size: 17px"><h1
                        style="color: #c12e2a;font-size: 20px;transform: translateY(-6.5px)">6、</h1>文咏珊
                </div>
            </a>
              <a href="#" style="text-decoration: none;color: #0f0f0f">
                <div class="link1" style="font-size: 17px"><h1
                        style="color: #c12e2a;font-size: 20px;transform: translateY(-6.5px)">7、</h1>杜江
                </div>
            </a>
              <a href="#" style="text-decoration: none;color: #0f0f0f">
                <div class="link1" style="font-size: 17px"><h1
                        style="color: #c12e2a;font-size: 20px;transform: translateY(-6.5px)">8、</h1>王宝强
                </div>
            </a>
              <a href="#" style="text-decoration: none;color: #0f0f0f">
                <div class="link1" style="font-size: 17px"><h1
                        style="color: #c12e2a;font-size: 20px;transform: translateY(-6.5px)">9、</h1>尹昉
                </div>
            </a>
              <a href="#" style="text-decoration: none;color: #0f0f0f">
                <div class="link1" style="font-size: 17px"><h1
                        style="color: #c12e2a;font-size: 20px;transform: translateY(-6.5px)">10、</h1>倪大红
                </div>
            </a>
        </div>
         <div class="panel3">
             <h1 style="padding: 50px 0 20px 0;color: #c12e2a">娱乐热点<div style="float: right;font-size: 20px;transform: translateY(27px)"><a href="#" style="text-decoration: none;color: #eb9316"></a></div></h1>
            <div style="width: 238px;height: 78px">
                <div style="float: left">
                    <img style="width: 120px;height: 78px" src="img2/DM_20230624224522_008.jpg">
                </div>
                <a href="#" style="text-decoration: none;color: #0f0f0f">
                    <div style="font-size: 5px;float: left;padding-left: 10px;transform: translateY(30px)"class="hidden2">短剧《那年夏有鹿来》在宁波开机
                    </div>
                </a>
            </div>
            <a href="#" style="text-decoration: none;color: #0f0f0f">
                <div class="link1 hidden1" style="font-size: 17px"><h1
                        style="color: #c12e2a;font-size: 20px;transform: translateY(-6.5px)">2、</h1>周润发袁咏仪《别叫我"赌神》热映新预告诠释"珍...
                </div>
            </a>
            <a href="#" style="text-decoration: none;color: #0f0f0f">
                <div class="link1 hidden1" style="font-size: 17px"><h1
                        style="color: #c12e2a;font-size: 20px;transform: translateY(-6.5px)">3、</h1>《变形金刚:超能勇士崛起》端午破"五"成绩持续...
                </div>
            </a>
            <a href="#" style="text-decoration: none;color: #0f0f0f">
                <div class="link1 hidden1" style="font-size: 17px"><h1
                        style="color: #c12e2a;font-size: 20px;transform: translateY(-6.5px)">4、</h1>《扫毒3∶人在天涯》曝IMAX海报战斗机与高射炮...
                </div>
            </a>
            <a href="#" style="text-decoration: none;color: #0f0f0f">
                <div class="link1 hidden1" style="font-size: 17px"><h1
                        style="color: #c12e2a;font-size: 20px;transform: translateY(-6.5px)">5、</h1>贾樟柯阿彼察邦电影《记忆》活动现场连线好评不...
                </div>
            </a>
              <a href="#" style="text-decoration: none;color: #0f0f0f">
                <div class="link1 hidden1" style="font-size: 17px"><h1
                        style="color: #c12e2a;font-size: 20px;transform: translateY(-6.5px)">6、</h1>《八角笼中》广州路演观众赞王宝强新片双向救赎...
                </div>
            </a>
              <a href="#" style="text-decoration: none;color: #0f0f0f">
                <div class="link1 hidden1" style="font-size: 17px"><h1
                        style="color: #c12e2a;font-size: 20px;transform: translateY(-6.5px)">7、</h1>电影《矩阵梦迷宫》︰夜魔款海报曝光!
                </div>
            </a>
              <a href="#" style="text-decoration: none;color: #0f0f0f">
                <div class="link1 hidden1" style="font-size: 17px"><h1
                        style="color: #c12e2a;font-size: 20px;transform: translateY(-6.5px)">8、</h1>《我爱你!》广州路演人气爆棚主创拍摄地重聚再...
                </div>
            </a>
              <a href="#" style="text-decoration: none;color: #0f0f0f">
                <div class="link1 hidden1" style="font-size: 17px"><h1
                        style="color: #c12e2a;font-size: 20px;transform: translateY(-6.5px)">9、</h1>电影《我爱你!》曝未公开片段倪大红邀惠英红品...10《我爱你!》行至杭州双红甜蜜三连拍叶童梁家辉...
                </div>
            </a>
              <a href="#" style="text-decoration: none;color: #0f0f0f">
                <div class="link1 hidden1" style="font-size: 17px"><h1
                        style="color: #c12e2a;font-size: 20px;transform: translateY(-6.5px)">10、</h1>《我爱你!》行至杭州双红甜蜜三连拍叶童梁家辉...
                </div>
            </a>
        </div>
    </div>
    <div>
        <div class="head" style="color: #2aabd2">
            <h2> 即将上映（113部）</h2>
            <span class="click">全部></span>
        </div>
        <div class="main1">
            <div class="movie-list">
                <div class="movie">
                    <div style="position: absolute;z-index: 1;margin-bottom: 20px;color: #DDDDEE;font-size: 18px;transform: translatey(172px);">
                        此生有约
                    </div>
                    <img style="position: relative;z-index: -1" class="picture" src="img2/DM_20230624224522_018.jpg">
                    <button class="button" style="color: #c9302c;width: 75.5px">预告片</button>
                    <button class="button" style="color: #c9302c;width: 75.5px">预售</button>
                    <span style="color: #5C6576;">6月28日上映</span>
                </div>
                <div class="movie">
                    <div style="position: absolute;z-index: 1;margin-bottom: 20px;color: #DDDDEE;font-size: 18px;transform: translatey(172px);">
                        烈焰卫士
                    </div>
                    <img style="position: relative;z-index: -1" class="picture" src="img2/DM_20230624224522_019.jpg">
                    <button class="button" style="color: #c9302c;width: 75.5px">预告片</button>
                    <button class="button" style="color: #c9302c;width: 75.5px">预售</button>
                    <span style="color: #5C6576;">6月28日上映</span>
                </div>
                <div class="movie">
                    <div style="position: absolute;z-index: 1;margin-bottom: 20px;color: #DDDDEE;font-size: 18px;transform: translatey(172px);">
                        申纪兰
                    </div>
                    <img style="position: relative;z-index: -1" class="picture" src="img2/DM_20230624224522_020.jpg">
                    <button class="button" style="color: #c9302c;width: 75.5px">预告片</button>
                    <button class="button" style="color: #c9302c;width: 75.5px">预售</button>
                    <span style="color: #5C6576;">6月28日上映</span>
                </div>
                <div class="movie">
                    <div style="position: absolute;z-index: 1;margin-bottom: 20px;color: #DDDDEE;font-size: 18px;transform: translatey(172px);">
                        谁说我不靠谱
                    </div>
                    <img style="position: relative;z-index: -1" class="picture" src="img2/DM_20230624224522_021.jpg">
                    <button class="button" style="color: #c9302c;width: 75.5px">预告片</button>
                    <button class="button" style="color: #c9302c;width: 75.5px">预售</button>
                    <span style="color: #5C6576;">6月28日上映</span>
                </div>
                <div class="movie">
                    <div style="position: absolute;z-index: 1;margin-bottom: 20px;color: #DDDDEE;font-size: 18px;transform: translatey(172px);">
                        穿越烽火
                    </div>
                    <img style="position: relative;z-index: -1" class="picture" src="img2/DM_20230624224522_022.jpg">
                    <button class="button" style="color: #c9302c;width: 75.5px">预告片</button>
                    <button class="button" style="color: #c9302c;width: 75.5px">预售</button>
                    <span style="color: #5C6576;">6月28日上映</span>
                </div>
                <div class="movie">
                    <div style="position: absolute;z-index: 1;margin-bottom: 20px;color: #DDDDEE;font-size: 18px;transform: translatey(172px);">
                        矩阵梦迷宫
                    </div>
                    <img style="position: relative;z-index: -1" class="picture" src="img2/DM_20230624224522_023.jpg">
                    <button class="button" style="color: #c9302c;width: 75.5px">预告片</button>
                    <button class="button" style="color: #c9302c;width: 75.5px">预售</button>
                    <span style="color: #5C6576;">6月29日上映</span>
                </div>
                <div class="movie">
                    <div style="position: absolute;z-index: 1;margin-bottom: 20px;color: #DDDDEE;font-size: 18px;transform: translatey(172px);">
                        红光
                    </div>
                    <img style="position: relative;z-index: -1" class="picture" src="img2/DM_20230624224522_024.jpg">
                    <button class="button" style="color: #c9302c;width: 75.5px">预告片</button>
                    <button class="button" style="color: #c9302c;width: 75.5px">预售</button>
                    <span style="color: #5C6576;">6月29日上映</span>
                </div>
                <div class="movie">
                    <div style="position: absolute;z-index: 1;margin-bottom: 20px;color: #DDDDEE;font-size: 18px;transform: translatey(172px);">
                        夺宝奇兵:命运转盘
                    </div>
                    <img style="position: relative;z-index: -1" class="picture" src="img2/DM_20230624224522_025.jpg">
                    <button class="button" style="color: #c9302c;width: 75.5px">预告片</button>
                    <button class="button" style="color: #c9302c;width: 75.5px">预售</button>
                    <span style="color: #5C6576;">6月30日上映</span>
                </div>


            </div>
        </div>
    </div>
    <div>
        <div class="head" style="color: red;margin-top: 1000px">
            <h2> 热播电影</h2>
            <a href="#"><div style="float: left;color: #0f0f0f;transform: translateX(150px);margin: 0px 0 10px 0">爱情  喜剧  动作  恐怖  动画</div></a>
            <span class="click">全部></span>
        </div>
        <div class="main1">
            <div class="movie-list">
                <div class="movie">
                    <div style="position: absolute;z-index: 1;margin-bottom: 20px;color: #DDDDEE;font-size: 18px;transform: translatey(172px);">
                        魅拔III战神崛起
                    </div>
                    <img style="position: relative;z-index: -1" class="picture" src="img2/DM_20230624224522_026.jpg">

                </div>
                <div class="movie">
                    <div style="position: absolute;z-index: 1;margin-bottom: 20px;color: #DDDDEE;font-size: 18px;transform: translatey(172px);">
                        厉鬼将映
                    </div>
                    <img style="position: relative;z-index: -1" class="picture" src="img2/DM_20230624224522_027.jpg">
                </div>
                <div class="movie">
                    <div style="position: absolute;z-index: 1;margin-bottom: 20px;color: #DDDDEE;font-size: 18px;transform: translatey(172px);">
                        恐怖直播
                    </div>
                    <img style="position: relative;z-index: -1" class="picture" src="img2/DM_20230624224522_028.jpg">
                </div>
                <div class="movie">
                    <div style="position: absolute;z-index: 1;margin-bottom: 20px;color: #DDDDEE;font-size: 18px;transform: translatey(172px);">
                        唐人街探案
                    </div>
                    <img style="position: relative;z-index: -1" class="picture" src="img2/DM_20230624224522_029.jpg">

                </div>
                <div class="movie">
                    <div style="position: absolute;z-index: 1;margin-bottom: 20px;color: #DDDDEE;font-size: 18px;transform: translatey(172px);">
                        恐怖电影院
                    </div>
                    <img style="position: relative;z-index: -1" class="picture" src="img2/DM_20230624224522_030.jpg">

                </div>
                <div class="movie">
                    <div style="position: absolute;z-index: 1;margin-bottom: 20px;color: #DDDDEE;font-size: 18px;transform: translatey(172px);">
                        夏洛特烦恼
                    </div>
                    <img style="position: relative;z-index: -1" class="picture" src="img2/DM_20230624224522_031.jpg">

                </div>
                <div class="movie">
                    <div style="position: absolute;z-index: 1;margin-bottom: 20px;color: #DDDDEE;font-size: 18px;transform: translatey(172px);">
                        战狼
                    </div>
                    <img style="position: relative;z-index: -1" class="picture" src="img2/DM_20230624224522_032.jpg">

                </div>



            </div>
        </div>
    </div>
</div>
<div class="container-foot">
    <div class="link2">111</div>
    <div class="link2">111</div>
    <div class="link2">111</div>
    <div class="link2">111</div>
    <div class="link2">111</div>
    <div class="link2">111</div>
    <div class="link2">111</div>
    <div class="link2">111</div>
    <div class="link2">111</div>
    <div style="margin:10px 570px">
    <img src="img2/DM_20230624224522_033.png">
    <img src="img2/DM_20230624224522_034.png">
    <img src="img2/DM_20230624224522_035.png">
    </div>
</div>
<script src="js/Jquery-3.6.0.js"></script>
<script src="plugins/bootstrap-3.4.1/js/bootstrap.js"></script>
</body>
</html>

POE丶
关注
静态网页-猫眼电影
m0_51757444的博客
05-11 871
静态页面-猫眼官网（部分）练习float
猫眼api html,python爬取动态数据实战---猫眼专业版-实时票房（二）
weixin_39626298的博客
07-03 1607
学习python进行简单的数据爬取(基于python 3.x)。再进行数据页面解析之后，使用scrapy框架进行爬取数据。没有实现自己预想的效果，着实是自己能力有限，无法灵活使用该框架。就使用自己的办法进行数据爬取。需要用到的模块有 urllib,json,pymysql,datatime,os首先定义一个类：classMovieSpider(object):在外部调用类的方法if __name...
作业----猫眼
moon_lightsss的博客
07-23 45
借鉴了网上的教程，自己学的不好，弄得不太完美，还要在修改。
爬虫-猫眼电影票房
热门推荐
jianmoumou
07-07 3万+
背景 最近也不知道咋了，一直遇到 字体反爬手段，起点中文网，抖音等等吧，猫眼我一直想搞，只是没有精力了，前面搞了2个了，不差这一个。搞完这个，不在搞字体反爬了。 目标网站 猫眼票房： https://piaofang.maoyan.com/?ver=normal 就这个鬼 看源码： 这不和抖音 起点一样，窃喜.jpg 那就查找字体 的url 或者文件 。这个网页没有，好像详情页是有url的 ...
20200113Python爬虫---猫眼字体反爬
qq_31151511的博客
01-13 1143
在做过58同城的字体反爬过后，信心稍微增长点，那么索性找点字体文件反爬的网址，猫眼是客户要求的网址，那么便开始搞起来。 目标网址 猫眼经典电影 https://maoyan.com/films?sourceId=2&yearId=15&showType=3&offset=0 很明显和汽车之家的论坛是字体的加密，那么按照之前的步骤走： 第一步：找到字体文件，...
猫眼java开发暑期实习_实习生面试--猫眼娱乐
weixin_31180441的博客
02-25 302
2020.6.16 下午3点上来写个python读取.txt文件中的单词(单词以空格分开)，并统计单词的个数我看你的简历里有softmax损失，可以说说softmax与sigmoid的原理和应用场景吗？正确答案：softmax用于多分类问题，sigmoid用于二分类问题；softmax是求e的输出值次方，并对输出归一化，使得最终的和为1；sigmoid只是将输出值映射到0-1之间我对你这个直走机器...
python 抢票代码 猫眼演出_Python爬虫-猫眼电影排行
weixin_36081891的博客
02-03 2976
爬虫的目标爬取猫眼电影TOP100的电影名称，时间，评分，图片等信息抓取分析查看网页源代码，找到对应的目标信息，发现一部电影对应的源代码是一个dd节点抓取首页为了方便，这里先抓取第一页的内容,运行之后，可以查看到网页的源代码，之后需要对页面进行解析。import requestsdef get_one_page(url):headers = {'User-Agent':'Mozilla/5.0 (...
python 抢票代码 猫眼演出_Python之爬虫-猫眼电影
weixin_29420299的博客
01-14 5421
#!/usr/bin/env python# coding: utf-8import jsonimport requestsimport reimport time# 猫眼多了反爬虫，速度过快，则会无响应，所以这里多了一个延时等待from requests.exceptions import RequestExceptiondef get_one_page(url):try:headers = {...
python 抢票代码 猫眼演出_python爬虫实例-猫眼电影
weixin_39606137的博客
12-22 2144
1.环境准备python3.6pycharm安装requests库，pip install requests2.XPath语法XPath 是一门在 XML 文档中查找信息的语言。XPath 用于在 XML 文档中通过元素和属性进行导航。XML实例文档Harry Potter29.99Learning XML39.95常用路径表达式nodename 选取此节点的所有子节点/ ...
微信小程序源码-猫眼.zip
03-24
微信小程序源码-猫眼.zip微信小程序源码-猫眼.zip微信小程序源码-猫眼.zip微信小程序源码-猫眼.zip微信小程序源码-猫眼.zip微信小程序源码-猫眼.zip微信小程序源码-猫眼.zip微信小程序源码-猫眼.zip微信小程序源码-...
【微信小程序-毕设期末大作业】猫眼电影小程序含node后端源码.zip
03-19
【微信小程序-毕设期末大作业】猫眼电影小程序含node后端源码.zip 【微信小程序-毕设期末大作业】猫眼电影小程序含node后端源码.zip 【微信小程序-毕设期末大作业】猫眼电影小程序含node后端源码.zip 【微信小程序-...
20210329-信达证券-猫眼娱乐-1896.HK-深度报告：构建宣发基础设施，连接内容、平台与流量.pdf
04-08
猫眼娱乐（股票代码：1896.HK）作为中国领先的电影票务平台之一，自成立以来，经历了从消费互联网到产业互联网的转型。公司的业务拓展已经覆盖了整个产业链，包括票务、数据服务、产品服务、资金服务、营销服务等多...
20210413-国盛证券-猫眼娱乐-1896.HK-猫眼的成长逻辑和关键问题探讨.pdf
04-14
猫眼娱乐是一家在中国香港证券交易所上市的公司，股票代码为1896.HK。本篇报告深入探讨了猫眼娱乐的成长逻辑和关键问题。主要从以下几个方面进行分析： 1. 票务业务：猫眼娱乐作为国内领先的在线票务平台，拥有高达...
HTML 与 ES6 是前端开发的两大核心技术
最新发布
qq_25416827的博客
10-02 827
HTML：主要负责页面的结构、语义化、布局和多媒体处理。ES6：提高了 JavaScript 的开发效率和可读性，尤其是模块化、异步编程和数据处理方式的革。
复习HTML(基础）
m0_74124657的博客
10-01 1121
目录HTML含义 HTML作用HTML的常用元素元素的特点元素的分类1 是否嵌套关系2 是否独占一行块元素：独占一行 行内元素：共享一行 行内元素与块级元素的转换3是否有结束标签 常用标签1 标题标签：有六级 我们用h1 ~h6 表示2 段落标签：内容3 图像标签:< img src=" 图片路径" > 是为了添加图片使用的4 视频标签： 添加视频使用5 列表5.1 无序列表5.2 有序列表6 超链接 ： 内容 1 访问同目录下的网页2 访问外部 网页3 访问本地网页7 标签 ， 8 表
html中的文本标签(含标签的实现案例)
2301_76862031的博客
10-01 893
html中常用的标签h,p,hn,hr,br,font,time,mark,cite,特殊字符标签，图像标签
【前端开发入门】html快速入门
qbbmnnnnnn的博客
09-29 1154
本篇介绍html的相关内容，包含文档流的概念以及块级元素和行内元素等。同时强调了有关代码编写习惯性问题。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值