大二学生web期末大作业 在线电影网站 HTML+CSS+JS

时间:2024-11-13 08:01:59
<!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>叮当电影 - 搜罗全网好电影</title> <link rel="shortcut icon" type="image/x-icon" href=""> <link rel="stylesheet" type="text/css" href="./css/"> </head> <body> <header class="header"> <div class="container"> <!--logo--> <a href="" class="logo"></a> <!--导航标签--> <div class="nav"> <ul class="navbar"> <li><a href="" class="active">首页</a></li> <li><a href="">购票</a></li> <li><a href="javascript:;">影院</a></li> <li><a href="javascript:;">社区</a></li> </ul> </div> <!--购物车--> <div class="headcart"> <i class="cart-icon"></i> <b class="card-num"></b> <div class="card-tip"></div> </div> <!--用户登陆注册--> <div class="user"> <div class="userout"> <a href="" class="login cur">登录</a> <a href="" class="register cur">注册</a> </div> <div class="userin"> <a href="javascript:;" class="menu-item-user"> <img class="user-face" src="./imgs/" alt="userface"> <span class="user-name"></span> </a> <span class="caret"></span> <ul class="dropdown-menu"> <li><a href="javascript:;">个人中心</a></li> <li><a href="javascript:;">退出登录</a></li> </ul> </div> </div> <ul> <li> <table class="slidey-list-table"> <tr> <td rowspan="2" class="slidey-list-img"> <div></div> </td> <td class="slidey-list-title"></td> </tr> <tr> <td class="slidey-list-description"></td> </tr> </table> </li> <li> <table class="slidey-list-table"> <tr> <td rowspan="2" class="slidey-list-img"> <div></div> </td> <td class="slidey-list-title"></td> </tr> <tr> <td class="slidey-list-description"></td> </tr> </table> </li> <li> <table class="slidey-list-table"> <tr> <td rowspan="2" class="slidey-list-img"> <div></div> </td> <td class="slidey-list-title"></td> </tr> <tr> <td class="slidey-list-description"></td> </tr> </table> </li> <li> <table class="slidey-list-table"> <tr> <td rowspan="2" class="slidey-list-img"> <div></div> </td> <td class="slidey-list-title"></td> </tr> <tr> <td class="slidey-list-description"></td> </tr> </table> </li> </ul> </div> </div> <div class="movie-grid"> <div class="panel"> <div class="main"> <div class="panel-header"> <span class="panel-title">正在热映(<span>20</span>部)</span> <a href="javascript:;" class="panel-more">更多</a> </div> <div class="movie-list"> <ul> <li> <a href="" class="movie-poster"> <img src="./imgs/poster/" alt="" class="poster"> <span class="movie-score">8.0</span> </a> <span class="movie-title">冰雪奇缘2</span> <a href="" class="movie-ticket-buy">选座购票</a> </li> <li> <a href="" class="movie-poster"> <img src="./imgs/poster/" alt="" class="poster"> <span class="movie-score">8.5</span> </a> <span class="movie-title">吹哨人</span> <a href="" class="movie-ticket-buy">选座购票</a> </li> <li> <li> <a href="javascript:;"> <span class="movie-rank-num">4</span> <p class="movie-rank-name">吹哨人</p> <span class="box-office">900人想看</span> </a> </li> <li> <a href="javascript:;"> <span class="movie-rank-num">5</span> <p class="movie-rank-name">大约在冬季</p> <span class="box-office">800人想看</span> </a> </li> <li> <a href="javascript:;"> <span class="movie-rank-num">6</span> <p class="movie-rank-name">吹哨人</p> <span class="box-office">700人想看</span> </a> </li> <li> <a href="javascript:;"> <span class="movie-rank-num">7</span> <p class="movie-rank-name">天·火</p> <span class="box-office">600人想看</span> </a> </li> <li> <a href="javascript:;"> <span class="movie-rank-num">8</span> <p class="movie-rank-name">一生有你</p> <span class="box-office">550人想看</span> </a> </li> <li> <a href="javascript:;"> <span class="movie-rank-num">9</span> <p class="movie-rank-name">冰雪奇缘2</p> <span class="box-office">450人想看</span> </a> </li> </ul> </div> </div> </div> </div> </div> <footer class="footer"> <div class="container"> <div class="link-nav"> <ul> <li><a href="javascript:;">关于叮当</a></li> <li><a href="javascript:;">加入我们</a></li> <li><a href="javascript:;">联系我们</a></li> <li><a href="javascript:;">隐私政策</a></li> <li><a href="javascript:;">问题反馈</a></li> </ul> <div class="copyright">Copyright © 2019 叮当电影</div> </div> <div class="sns"> <a href="javascript:;" class="sina-icon icon"></a> <a href="javascript:;" class="wechat-icon icon"></a> <a href="javascript:;" class="rss-icon icon"></a> </div> </div> </footer> <div id="toTop"></div> <script type="text/javascript" src="js/"></script> <script type="text/javascript" src="js/"></script> <script type="text/javascript"> window.onload = function () { setPage(""); initPublic(); initScrollToTop(); new initSlidey(); }; </script> </body> </html>