加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
index.html 29.46 KB
一键复制 编辑 原始数据 按行查看 历史
newgxl 提交于 2021-05-10 18:29 . 仿猫眼电影静态页面
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="./css/reset.css">
<link rel="stylesheet" href="./css/index.css">
<link rel="stylesheet" href="./css/common.css">
<link rel="icon" href="./img/dragon.ico">
<base href="#" target="_blank">
<title>龙腾电影</title>
</head>
<body>
<!-- 头部导航 -->
<nav class="header">
<div class="contain">
<!-- logo区 -->
<a href="#" class="logo"><h1>猫眼电影</h1></a>
<!-- 选择城市区 -->
<div class="cityselect">南昌
<span class="iconfont down-deleta">&#xe503;</span>
<div class="city-list">
<span class="postioncty">定位城市:<a href="#">南昌</a></span>
<ul class="citys-wrapper">
<li class="citys">
<span class="fl">A</span>
<div>
<a href="">阿拉善盟</a>
<a href="">鞍山</a>
<a href="">安庆</a>
<a href="">安阳</a>
<a href="">阿坝</a>
<a href="">安顺</a>
<a href="">安康</a>
<a href="">阿勒泰</a>
<a href="">阿克苏</a>
<a href="">安丘</a>
<a href="">安岳</a>
<a href="">安平</a>
<a href="">安宁</a>
<a href="">安溪</a>
<a href="">安化</a>
<a href="">阿勒泰市</a>
<a href="">安福</a>
</div>
</li>
<li class="citys">
<span class="fl">B</span>
<div>
<a href="">北京</a>
<a href="">保定</a>
<a href="">保定</a>
<a href="">包头</a>
<a href="">本溪</a>
<a href="">巴彦</a>
<a href="">淖尔</a>
<a href="">白城</a>
<a href="">滨州</a>
<a href="">博山</a>
<a href="">璧山</a>
<a href="">宾阳</a>
<a href="">博白县</a>
<a href="">博罗县</a>
<a href="">北镇市</a>
<a href="">泊头市</a>
<a href="">北安市</a>
</div>
</li>
<li class="citys">
<span class="fl">C</span>
<div>
<a href="">重庆</a>
<a href="">成都</a>
<a href="">长沙</a>
<a href="">常州</a>
<a href="">长春</a>
<a href="">沧州</a>
<a href="">承德</a>
<a href="">赤峰</a>
<a href="">长治</a>
<a href="">朝阳</a>
<a href="">池州</a>
<a href="">巢湖</a>
<a href="">滁州</a>
<a href="">潮州</a>
<a href="">常德</a>
<a href="">崇左</a>
<a href="">楚雄</a>
<a href="">昌吉</a>
<a href="">从化</a>
<a href="">常熟</a>
<a href="">昌邑</a>
<a href="">慈溪</a>
<a href="">长兴</a>
</div>
</li>
<li class="citys">
<span class="fl">D</span>
<div>
<a href="">大连</a>
<a href="">东莞</a>
<a href="">大庆</a>
<a href="">大同</a>
<a href="">丹东</a>
<a href="">大兴安岭</a>
<a href="">东营</a>
<a href="">德州</a>
<a href="">德阳</a>
<a href="">达州</a>
<a href="">德宏</a>
<a href="">大理</a>
<a href="">迪庆</a>
<a href="">定西</a>
<a href="">敦煌</a>
<a href="">丹阳</a>
<a href="">东台</a>
<a href="">大丰</a>
<a href="">德清</a>
<a href="">东平</a>
<a href="">定州</a>
<a href="">东海</a>
<a href="">东明县</a>
<a href="">定安县</a>
<a href="">定陶区</a>
<a href="">定边县</a>
</div>
</li>
</ul>
</div>
</div>
<!-- 列表 -->
<ul>
<li><a href="./index.html">首页</a></li>
<li><a href="./movie.html">电影</a></li>
<li><a href="./cinema.html">演院</a></li>
<li><a href="#">演出</a></li>
<li><a href="./billbored.html">榜单</a></li>
<li><a href="./hotspot.html">热点</a></li>
<li><a href="./mall.html">商城</a></li>
</ul>
<!-- 用户登入 -->
<div class="userinfo">
<img src="./img/userifo.png" alt="用户">
<span></span>
<span class="user-menu"><a href="./Login.html">登录</a></span>
</div>
<!-- 搜索区 -->
<form action="#" class="serch-form" method="POST">
<input type="search" class="search" placeholder="找影视剧 影人 影院">
<input type="submit" class="submit" value="">
</form>
<!-- app下载 -->
<div class="appdownload">
<a href="#">
<span class="iphone-icon"></span>
<span class="apptext">app下载</span>
<span class="caret"></span>
<div class="downloadicon">
<p class="down-title">扫码下载app</p>
<p class="down-content">选座更优惠</p>
</div>
</a>
</div>
</div>
</nav>
<!-- 横幅广告开始 -->
<div class="canner-wrap">
<div class="canner-fl fl">
<p>
<a href="">最新通知<span class="arrow-r">></span></a>
<span class="more-info">
<span class="msg">1.loremfdafawfaewfefe</span>
<span class="msg">2.lorem</span>
<span class="msg">3.lorem</span>
<span class="msg">4.lorem</span>
<span class="msg">5.lorem</span>
</span>
</p>
<p>
<a href="">电影推荐<span class="arrow-r">></span></a>
<span class="more-info">
<span class="msg">1.loremfdafawfaewfefe</span>
<span class="msg">2.lorem</span>
<span class="msg">3.lorem</span>
<span class="msg">4.lorem</span>
<span class="msg">5.lorem</span>
</span>
</p>
<p>
<a href="">开发平台<span class="arrow-r">></span></a>
<span class="more-info">
<span class="msg">1.loremfdafawfaewfefe</span>
<span class="msg">2.lorem</span>
<span class="msg">3.lorem</span>
<span class="msg">4.lorem</span>
<span class="msg">5.lorem</span>
</span>
</p>
<p>
<a href="">知识产权<span class="arrow-r">></span></a>
<span class="more-info">
<span class="msg">1.loremfdafawfaewfefe</span>
<span class="msg">2.lorem</span>
<span class="msg">3.lorem</span>
<span class="msg">4.lorem</span>
<span class="msg">5.lorem</span>
</span>
</p>
<p>
<a href="">欢喜首映<span class="arrow-r">></span></a>
<span class="more-info">
<span class="msg">1.loremfdafawfaewfefe</span>
<span class="msg">2.lorem</span>
<span class="msg">3.lorem</span>
<span class="msg">4.lorem</span>
<span class="msg">5.lorem</span>
</span>
</p>
<p>
<a href="">关于我们<span class="arrow-r">></span></a>
<span class="more-info">
<span class="msg">1.loremfdafawfaewfefe</span>
<span class="msg">2.lorem</span>
<span class="msg">3.lorem</span>
<span class="msg">4.lorem</span>
<span class="msg">5.lorem</span>
</span>
</p>
</div>
<div class="canner-fr fr">
<ul class="announce">
<li class="spec"><a href="">最新公告</a></li>
<li><a href="">什么?龙腾出新电影了......</a></li>
<li><a href="">勇敢者游戏好评如潮......</a></li>
<li><a href="">冰雪奇缘这个冬天最热......</a></li>
<li><a href="">战狼三即将上映......</a></li>
</ul>
<img src="./img/funny.jpg" alt="" class="funny" id="now-hot">
</div>
<div class="canner">
<img src="./img/scenery1.jpg" alt="">
<img src="./img/scenery2.jpg" alt="">
<img src="./img/scenery3.jpg" alt="">
<img src="./img/scenery4.jpg" alt="">
<span class="left-arr"><</span>
<span class="right-arr">></span>
<p class="text-info"><a href="">你不看是你的错,不好看是我的错</a></p>
<ul class="choose-dot">
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
<li><a href=""></a></li>
</ul>
</div>
</div>
<!-- 横幅广告介绍 -->
<!-- 第一个主要区域 -->
<div class="contain bfc" id="chief">
<!-- 右边 -->
<div class="aside fr">
<span class="panel-title">今日票房</span>
<!-- 电影list -->
<div class="panel-content bfc">
<ul>
<li class="ranking-item-top">
<a href="#">
<div class="ranking-top-left">
<i class="ranking-top-icon"></i>
<img src="./img/ranking-img.png" alt="">
</div>
<div class="ranking-top-right">
<span class="movie-name">冰雪奇缘2</span>
<p class="movie-wish">8473.65万</p>
</div>
</a>
</li>
<li class="ranking-item">
<a href="#">
<i class="ranking-index">2</i>
<span class="ranking-movie-name">大约在冬季</span>
<span class="stonefont">426.20万</span>
</a>
</li>
<li class="ranking-item">
<a href="#">
<i class="ranking-index">3</i>
<span class="ranking-movie-name">海上钢琴师</span>
<span class="stonefont">431.02万</span>
</a>
</li>
<li class="ranking-item">
<a href="#">
<i class="ranking-index color-ccc">4</i>
<span class="ranking-movie-name">你是凶手</span>
<span class="stonefont">389.35万</span>
</a>
</li>
<li class="ranking-item">
<a href="#">
<i class="ranking-index color-ccc">5</i>
<span class="ranking-movie-name">少年的你</span>
<span class="stonefont">355.86万</span>
</a>
</li>
<li class="ranking-item">
<a href="#">
<i class="ranking-index color-ccc">6</i>
<span class="ranking-movie-name">决战中途岛</span>
<span class="stonefont">335.19万</span>
</a>
</li>
<li class="ranking-item">
<a href="#">
<i class="ranking-index color-ccc">7</i>
<span class="ranking-movie-name">触不可及</span>
<span class="stonefont">197.75万</span>
</a>
</li>
<li class="ranking-item">
<a href="#">
<i class="ranking-index color-ccc">8</i>
<span class="ranking-movie-name">我和我的祖国</span>
<span class="stonefont">126.51万</span>
</a>
</li>
<li class="ranking-item">
<a href="#">
<i class="ranking-index color-ccc">9</i>
<span class="ranking-movie-name">受益人</span>
<span class="stonefont">108.84万</span>
</a>
</li>
<li class="ranking-item">
<a href="#">
<i class="ranking-index color-ccc">10</i>
<span class="ranking-movie-name">天气之子</span>
<span class="stonefont">103.01万</span>
</a>
</li>
</ul>
</div>
<div class="box-total-wrapper">
<h3>今日大盘</h3>
<div class="fr bottom-left">
<p>
<span class="num">1.40亿</span>
<a href="#" class="more">查看更多&gt;</a>
</p>
<p>
<span class="time">北京时间 15:30:50</span>
<span class="pull-right">专业版实时票房数据</span>
</p>
</div>
</div>
</div>
<!-- 左边 -->
<div class="main">
<div class="panelhead">
<span class="textcolor-red">正在热映(32部)</span>
<span class="more"><a href="">更多&gt;</a></span>
</div>
<!-- 电影列表 -->
<div class="panel-content">
<dl class="movies-list">
<dd class="movie-item">
<a href="" class="movie-img"><img src="./img/movie1.jpg" alt=""></a>
<a href=""><div class="movie-sale">购票</div></a>
<i class="imax3d"></i>
<i class="integer">8.<span>0</span></i>
<div class="movietitle">冰雪奇缘2</div>
</dd>
<dd class="movie-item">
<a href="" class="movie-img"><img src="./img/movie4.jpg" alt=""></a>
<a href=""><div class="movie-sale">购票</div></a>
<i class="imax3d"></i>
<i class="integer">9.<span>7</span></i>
<div class="movietitle">中国机长</div>
</dd>
<dd class="movie-item">
<a href="" class="movie-img"><img src="./img/movie7.jpg" alt=""></a>
<a href="#"><div class="movie-sale">购票</div></a>
<i class="imax3d"></i>
<i class="integer">9.<span>3</span></i>
<div class="movietitle">决战中途岛</div>
</dd>
<dd class="movie-item">
<a href="" class="movie-img"><img src="./img/movie8.jpg" alt=""></a>
<a href="#"><div class="movie-sale">购票</div></a>
<i class="integer">9.<span>0</span></i>
<div class="movietitle">终结者</div>
</dd>
<dd class="movie-item">
<a href="" class="movie-img"><img src="./img/movie9.jpg" alt=""></a>
<a href="#"><div class="movie-sale">购票</div></a>
<i class="imax3d"></i>
<i class="integer">8.<span>7</span></i>
<div class="movietitle">攀登者</div>
</dd>
<dd class="movie-item">
<a href="" class="movie-img"><img src="./img/movie21.jpg" alt=""></a>
<a href="#"><div class="movie-sale">购票</div></a>
<i class="imax3d"></i>
<i class="integer">9.<span>0</span></i>
<div class="movietitle">冰封暴</div>
</dd>
<dd class="movie-item">
<a href="" class="movie-img"><img src="./img/movie11.jpg" alt=""></a>
<a href="#"><div class="movie-sale">购票</div></a>
<i class="integer">8.<span>9</span></i>
<div class="movietitle">勇敢者游戏</div>
</dd>
<dd class="movie-item" id="hot-movie">
<a href="" class="movie-img"><img src="./img/movie26.jpg" alt=""></a>
<a href="#"><div class="movie-sale">购票</div></a>
<i class="integer">9.<span>5</span></i>
<div class="movietitle">利刃出鞘</div>
</dd>
</dl>
</div>
</div>
</div>
<!-- 第二个主要区域 -->
<div class="contain bfc" id="chief">
<!-- 右边 -->
<div class="aside fr" id="hot-movie">
<span class="panel-title text-yellow">TOP&nbsp;100</span>
<span class="see-com">查看完整榜单&gt;</span>
<!-- 电影list -->
<div class="panel-content bfc">
<ul>
<li class="ranking-item-top">
<a href="#">
<div class="ranking-top-left">
<i class="ranking-top-icon"></i>
<img src="./img/ranking-img2.jpg" alt="">
</div>
<div class="ranking-top-right">
<span class="movie-name">霸王别姬</span>
<p class="movie-wish">8万</p>
</div>
</a>
</li>
<li class="ranking-item">
<a href="#">
<i class="ranking-index">2</i>
<span class="ranking-movie-name">肖申克的救赎</span>
<span class="stonefont">9.5分</span>
</a>
</li>
<li class="ranking-item">
<a href="#">
<i class="ranking-index">3</i>
<span class="ranking-movie-name">罗马假日</span>
<span class="stonefont">9.1分</span>
</a>
</li>
<li class="ranking-item">
<a href="#">
<i class="ranking-index color-ccc">4</i>
<span class="ranking-movie-name">这个杀手不太冷</span>
<span class="stonefont">9.5分</span>
</a>
</li>
<li class="ranking-item">
<a href="#">
<i class="ranking-index color-ccc">5</i>
<span class="ranking-movie-name">泰坦尼克号</span>
<span class="stonefont">9.5分</span>
</a>
</li>
<li class="ranking-item">
<a href="#">
<i class="ranking-index color-ccc">6</i>
<span class="ranking-movie-name">唐伯虎点秋香</span>
<span class="stonefont">9.1分</span>
</a>
</li>
<li class="ranking-item">
<a href="#">
<i class="ranking-index color-ccc">7</i>
<span class="ranking-movie-name">乱世佳人</span>
<span class="stonefont">9.1分</span>
</a>
</li>
<li class="ranking-item">
<a href="#">
<i class="ranking-index color-ccc">8</i>
<span class="ranking-movie-name">魂断蓝桥</span>
<span class="stonefont">9.2分</span>
</a>
</li>
<li class="ranking-item">
<a href="#">
<i class="ranking-index color-ccc">9</i>
<span class="ranking-movie-name">天空之城</span>
<span class="stonefont">9.0分</span>
</a>
</li>
<li class="ranking-item">
<a href="#">
<i class="ranking-index color-ccc">10</i>
<span class="ranking-movie-name">辛德勒的名单</span>
<span class="stonefont">9.0分</span>
</a>
</li>
</ul>
</div>
</div>
<!-- 左边 -->
<div class="main">
<div class="panelhead">
<span class="textcolor-blue"> 热播电影</span>
<a href="#" class="special2">爱情</a>
<a href="#" class="special2">喜剧</a>
<a href="#" class="special2">动作</a>
<a href="#" class="special2">恐怖</a>
<a href="#" class="special2">动画</a>
<span class="more"><a href="">更多&gt;</a></span>
</div>
<!-- 电影列表 -->
<div class="panel-content">
<dl class="movies-list movies-list-2">
<dd class="movie-item movie-item-spec">
<a href="" class="movie-img-bg">
<img src="./img/index-movie-bg.jpg" alt="">
</a>
<i class="integer2">9.<span>0</span></i>
<div class="movietitle2">唐人街探案2</div>
</dd>
<dd class="movie-item">
<a href="" class="movie-img">
<img src="./img/movie2.jpg" alt="">
</a>
<i class="integer2">8.<span>6</span></i>
<div class="movietitle2">战狼</div>
</dd>
<dd class="movie-item">
<a href="" class="movie-img">
<img src="./img/movie3.jpg" alt="">
</a>
<i class="integer2">8.<span>9</span></i>
<div class="movietitle2">大圣归来</div>
</dd>
<dd class="movie-item">
<a href="" class="movie-img">
<img src="./img/movie11.jpg" alt="">
</a>
<i class="integer2">9.<span>5</span></i>
<div class="movietitle2">勇敢者游戏2</div>
</dd>
<dd class="movie-item" style="margin-left: 22px;">
<a href="" class="movie-img">
<img src="./img/movie12.jpg" alt="">
</a>
<i class="integer2">9.<span>8</span></i>
<div class="movietitle2">魔镜奇缘3</div>
</dd>
<dd class="movie-item">
<a href="" class="movie-img">
<img src="./img/movie28.jpg" alt="">
</a>
<i class="integer2">9.<span>5</span></i>
<div class="movietitle2">吹哨人</div>
</dd>
<dd class="movie-item">
<a href="" class="movie-img">
<img src="./img/movie9.jpg" alt="">
</a>
<i class="integer2">8.<span>7</span></i>
<div class="movietitle2">攀登者</div>
</dd>
</dl>
</div>
</div>
</div>
<!-- 右侧导航栏开始 -->
<div id="tool">
<div class="bnt">
<span class="iconfont doll">&#xe501;</span>
<a href="#" class="c1 active">好店 直播</a>
<a href="#now-hot" class="c2">正在 热映</a>
<a href="#hot-movie" class="c3">热播 电影</a>
<a href="#" class="c4">投诉 反馈</a>
<a href="#" class="c5">回到 顶部</a>
</div>
</div>
<!-- 右侧导航栏结束 -->
<!-- 底部开始 -->
<div class="footer">
<p class="special">关于龙腾:
<a href="">关于我们</a>
<span>|</span>
<a href="">管理团队</a>
<span>|</span>
<a href="">投资者关系</a>&nbsp;友情链接:
<a href="">美团网</a>
<span>|</span>
<a href="">格瓦拉</a>
<span>|</span>
<a href="">美团下载</a>
<span>|</span>
<a href="">欢喜首映</a>
</p>
<p>商务合作邮箱:v@longteng.com 客服电话:10105335 违法和不良信息举报电话:4006019900 </p>
<p>用户投诉邮箱:tousujubao@meituan.com 舞弊线索举报邮箱:wubijubao@longteng.com </p>
<p>
<a href="#">中华人民共和国增值电信业务经营许可证 京B2-20190350 </a>
<span>|</span>
<a href="#"> 营业性演出许可证 京演(机构)(2019)4094号</a>
</p>
<p>
<a href="#">广播电视节目制作经营许可证 (京)字第08478号 </a>
<span>|</span>
<a href="#"> 网络文化经营许可证 京网文(2019)3837-369号</a>
</p>
<p>
<a href="#">龙腾用户服务协议 </a>
<span>|</span>
<a href="#"> 龙腾平台交易规则总则</a>
<span>|</span>
<a href="#">隐私政策</a>
</p>
<p><a href="">京公网安备 11010102003232号</a></p>
<p>江西龙腾文化传媒有限公司</p>
<p>©2019 龙腾电影 longteng.com</p>
<p class="last">
<a href="#"><img src="./img/network.png" alt=""></a>
<a href="#"><img src="./img/license.png" alt=""></a>
</p>
</div>
<!-- 底部结束 -->
</body>
</html>
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化