HTML5期末大作业:电影网站设计——电影我不是药神响应式页播(4页) HTML+CSS+JavaScript 大学生电影网页作品 影视网页设计作业模板 学生网页制作源代码下载
文章目录
HTML5期末大作业:电影网站设计——电影我不是药神响应式页播(4页) HTML+CSS+JavaScript 大学生电影网页作品 影视网页设计作业模板 学生网页制作源代码下载一、作品展示二、文件目录三、代码实现四、学习资料一、作品展示
二、文件目录
三、代码实现
<html><!DOCTYPE html><head id="Head"><script type="text/javascript">var allpane = 'topAreaA|headerAreaA|mainArea|sidebarAreaA|footerAreaA|bottomAreaA|fixedBottomArea|fixed-left|fixed-right|popup-area';</script><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /><meta name="author" content="order by " /><title>我不是药神响应式模板(自适应手机端)</title><meta name="keywords" content="" /><meta name="description" content="" /><meta http-equiv="PAGE-ENTER" content="RevealTrans(Duration=0,Transition=1)" /><link id="qhddefaultcontent9673_css" rel="stylesheet" type="text/css" href="style/qhdcontent.css" /><link id="_Portals__default_Skins_Tutor1_Html_css_content_css" rel="stylesheet" type="text/css" href="style/content.css" /><link id="_Portals__default_Skins_Tutor1_Html_css_menu_css" rel="stylesheet" type="text/css" href="style/menu.css" /><link id="_Portals__default_Skins_Tutor1_Html_css_jquery_fancybox_1_3_4_css" rel="stylesheet" type="text/css" href="style/jquery.fancybox-1.3.4.css" /><link id="_Portals__default_Skins_Tutor1_Html_css_pgwslideshow_css" rel="stylesheet" type="text/css" href="style/pgwslideshow.css" /><link id="_Portals__default_Skins_Tutor1_Html_css_animate_min_css" rel="stylesheet" type="text/css" href="style/animate.min.css" /><link id="_Portals__default_Skins_Tutor1_Html_css_style_css" rel="stylesheet" type="text/css" href="style/style.css" /><link id="_Portals__default_Skins_Tutor1_Html_css_style_blue_css" rel="stylesheet" type="text/css" href="style/style-blue.css" /><!--[if lt IE 9]><script src="js//skin/js/html5.js"></script><![endif]--><!--[if IE 6]><script type="text/javascript" src="js/js/skin/js/ie7.js"></script><script type="text/javascript" src="js/js/skin/js/dd_belatedpng.js"></script><script type="text/javascript">DD_belatedPNG.fix('.top img, .footer img, .bottom img, .form-btn, .module-icon-default');</script><![endif]--><meta content="width=device-width, initial-scale=1.0, user-scalable=no" name="viewport"></head><!-- 外部样式 --><body class="font-zh-CN" style=""><script src="js/a1portalcore.js" type="text/javascript"></script><script src="js/a1portal.js" ></script><script src="js/jquery-1.7.2.min.js" ></script><script src="js/superfish.js" ></script><script src="js/jquery.caroufredsel.js" ></script><script src="js/jquery.touchswipe.min.js" ></script><script src="js/jquery.tools.min.js" ></script><script src="js/jquery.fancybox-1.3.4.pack.js" ></script><script src="js/pgwslideshow.min.js" ></script><script src="js/jquery.fixed.js" ></script><script src="js/cloud-zoom.1.0.2.min.js" ></script><script src="js/device.min.js" ></script><script src="js/html5media-1.2.js" ></script><script src="js/animate.min.js" ></script><script src="js/isotope.pkgd.min.js" ></script><script src="js/custom.js" ></script> <div id="wrapper" class="insi-page"><!-- ==================== S top ==================== --><header class="top header-v1 desktops-section default-top"><!-- S top-main --><div class="top-main"><div class="page-width clearfix"><div class="logo" skinobjectzone="HtmlLogo_408"><a href="index.htm" ><img src="images/ys.png" alt="家教教育培训响应式模板(自适应手机端)" /></a></div><!-- end of logo --><div class="top-main-content float-right"><div class="top-main-content-section float-right clearfix"><!-- S language --><!-- E language --><div id="a1portalSkin_topAreaA" class="top-widget float-right"><!-- Start_Module_216339 --><a name="26305" id="26305"></a><div class="module-default module-no-margin"><div class="module-inner"><div id="a1portalSkin_ctr216339216339_mainArea" class="module-content"><!-- Start_Module_216339 --><div class="qhd-content"><p> <span style="color:#3869b3;"><span style="font-size:16px;">咨询热线:400-123-4567 </span></span><span style="color:#808080;"><span style="font-size:16px;"> | <a href="#">腾讯微博</a> | <a href="#">新浪微博</a></span></span></p></div><!-- End_Module_216339 --></div></div></div></div></div><div class="clear"></div><!-- S nav --><nav class="nav"><div class="main-nav clearfix" skinobjectzone="menu_701"><ul class="sf-menu"><li ><a class="first-level" href="index.htm" target=""><strong>首页</strong></a><i></i></li><li class=""><a class="first-level" href="index-1.htm" target=""><strong>角色介绍</strong></a><i></i><ul class=""></ul></li><li class=""><a class="first-level" href="index-2.htm" target=""><strong>获奖记录</strong></a><i></i><ul class=""></ul></li><li class="current"><a class="first-level" href="index-3.htm" target=""><strong>电影评价</strong></a><i></i><ul class=""><li class=""><a class="" href="index-3.htm" target=""><strong>电影评价</strong></a></li><li class=""><!--<a class="" href="index-6.htm" target=""><strong>电影评价视频</strong></a></li><li class=""><a class="" href="index-7.htm" target=""><strong>试题练习</strong></a></li><li class=""><a class="" href="#" target=""><strong>大学公开课</strong></a>--></li></ul></li><li class=""><!--<a class="first-level" href="index-4.htm" target=""><strong>新闻资讯</strong></a>--><i></i><ul class=""><li class=""><a class="" href="index-4.htm" target=""><strong>公司新闻</strong></a></li><li class=""><a class="" href="index-9.htm" target=""><strong>行业动态</strong></a></li><li class=""><a class="" href="index-10.htm" target=""><strong>视频中心</strong></a></li></ul></li><li class=""><!--<a class="first-level" href="index-5.htm" target=""><strong>联系我们</strong></a>--><i></i><ul class=""></ul></li></ul></div></nav><!-- E nav--></div></div></div><!-- E top-main --><div class="clear"></div></header><!-- S touch-top-wrapper --><div class="touch-top mobile-section clearfix"><div class="touch-top-wrapper clearfix"><div class="touch-logo" skinobjectzone="HtmlLogo_1554"><a class="" href="index.htm" ><img src="images/0b175d61-194a-4663-b646-1d55fb6e11d2_0_60.png" alt="家教教育培训响应式模板(自适应手机端)" /></a></div><!-- S touch-navigation --><div class="touch-navigation"><div class="touch-toggle"><ul><li class="touch-toggle-item-last"><a href="javascript:;" class="drawer-menu" data-drawer="drawer-section-menu"><i class="touch-icon-menu"></i><span>导航</span></a></li></ul></div></div><!-- E touch-navigation --></div><!-- S touch-top --><div class="page-width clearfix"><!-- S content --><section class="content float-right"><!-- S page-title --><section class="page-title page-title-inner clearfix"><!-- S breadcrumbs --><div class="breadcrumbs float-right" skinobjectzone="HtmlBreadCrumb_2698"><span>当前位置:</span><a href="index.htm" >主页</a> > <a href="index-3.htm" >电影评价</a> > <a href="index-3.htm" >电影评价</a></div><!-- E breadcrumbs --><!-- S page-name --><div class="page-name float-left"><h2>电影评价</h2></div><!-- E page-name --></section><!-- E page-title --><div id="a1portalSkin_mainArea" class="content-wrapper"><!-- Start_Module_216351 --><a name="25978" id="25978"></a><div class="module-default"><div class="module-inner"><div id="a1portalSkin_ctr216351216351_mainArea" class="module-content"><!-- Start_Module_216351 --><div class="qhd-content"><div style="text-align: left; font-size:25px;">我不是药神:坏制度与好人。</div><p style="text-align: center;">38.7万人评分9.0,除了自来水。没可能进行。这故事有点达拉斯买家俱乐部。但是坏制度下的好人,还得为主旋律服务。难为文牧野,徐峥,宁浩了。这是一部探底的现实主义题材,如果什么都不让拍,怎么反腐,如何医改。所以都在套路中。徐峥是好演员,而且这片接地气。拿钱买命,他们违法么,有罪么,如果不牟利呢,如果赔钱呢?这钱该谁贴呢?领导。我就问你,为什么一定要死人,才能促进一个制度的改变呢?为什么要这么大代价?在一个国度里,想有尊严的活着,哪怕体面的死去,难道都这么难么?面对钱,谁没欲望。那个不被诱惑。但是,面对病,大家都是平等的,只是你用什么方式续命。我大概理解很多评分高的原因,老百姓想看什么,给他们拍,尺度要把握好,警察中必须有正面角色,政府的有力措施与效果必须点名。想上。就得戴着镣铐跳舞,如果你还能赢得掌声。那么你是真正的舞者。为什么能赢?答案,有共鸣。生命攸关的题材,怎么可能轻松。这里面的正面人物真的正面吗?非法走私印度神油的家暴男?地下夜店跳钢管舞?杀马特暴力青年?有目的宣讲的牧师?唆使犯罪的中间商?但是,这个群体却真正让很多人摘掉了口罩,泪湿了眼眶。甚至连那个印度药厂老板都让人觉得大义凛然,充满信仰。这是一种非常高级的黑色幽默。为德国天价药宣传的是媒体,保驾护航的是公检法,而斗智斗勇的是基层病友与良心人士。多么讽刺!多么可悲!吃个橘子让人心酸,楼下有宾馆让人心寒,500块一瓶让人心颤,车开慢一点让人心动。想到十里长街了。为啥让孩子出国啊,你说呢?你苦苦挣扎的底线。却变成了义薄云天,所有的感恩都在面具以下,屏幕后面,为病了的人民服务。</p><!--<p style="text-align: center;">某某家教全面网罗各科名师。除根据常规的学科外,还根据性格、兴趣等,</p><p style="text-align: center;">通过专业助教协助,实现老师和学生的优适匹配;让老师和学生教学相长,彼此成就。</p><h3 style="text-align: center;">我们的初衷,让老师和学生彼此成就</h3><p style="text-align: center;">让老师和学生可以双向自由选择,让学生的每一次学习都是愉悦的体验,让老师们重燃往昔的那份热情;</p><p style="text-align: center;">通过重建教与学之间的信任关系,将逐步从根本上影响老师的教学态度和学生的学习态度,</p><p style="text-align: center;">实现老师与学生的教学相长、彼此成就。</p>--><p style="margin: 0px 0px 15px; padding: 0px; line-height: 25.2px; color: rgb(77, 77, 77); font-family: 'Microsoft YaHei', 微软雅黑, Arial, sans-serif; font-size: 14px; text-align: center;"><span style="font-size: 16px;"><img alt="" src="images/1-1611221059144X.jpg" style="border: 0px; vertical-align: middle; max-width: 100%; height: 360px; width: 900px;" /></span></p></div><!-- End_Module_216351 --></div></div></div></div></section><!-- S content --><!-- S sidebar --><section class="sidebar float-left"><!-- S page-menu --><section class="page-menu" skinobjectzone="menu_2881"><div class="page-menu-content"><ul><li class='current'><a href="#" >电影评价</a><i></i></li><!--<li class=""><a href="#" target="">电影评价视频</a><i></i></li><li class=""><a href="#" target="">试题练习</a><i></i></li><li class=""><a href="#" target="">大学公开课</a><i></i></li>--></ul><!-- S 没有子菜单时输出 --><!-- E 没有子菜单时输出 --><script type="text/javascript">$(document).ready(function(){$('.page-menu-content ul').find('li:last').addClass('last');$('.page-menu-content > ul > li > a').click(function(){if( $(this).parent('li').find('ul') ){$(this).parent('li').find('ul').slideDown('fast');$(this).parent('li').siblings('li').find('ul').slideUp('fast');$(this).parent('li').addClass('current').siblings('li').removeClass('current');}}); });</script></div></section><!-- S page-menu --><div class="clear"></div><div id="a1portalSkin_sidebarAreaA" class="QHDEmptyArea sidebar-content"></div></section><!-- E sidebar --></div></section><!-- ==================== E main ==================== --><!-- ==================== S footer ==================== --><footer class="footer"><div class="footer-main"><div id="a1portalSkin_footerAreaA" class="page-width clearfix"><!-- Start_Module_216343 --><a name="26325" id="26325"></a><div class="module-default"><div class="module-inner"><div id="a1portalSkin_ctr216343216343_mainArea" class="module-content"><!-- Start_Module_216343 --><div class="qhd-content"><div class="column"><div class="col-4-3"><p> <span style="font-size:16px;">产品服务热线 400-123-4567</span></p><p> <span style="font-size:16px;">Copyright © 我不是药神 版权所有 </span></p><p> <span style="font-size:16px;">ICP备********号</span></p></div><div class="col-4-1 last"><p style="text-align: right;"> <img alt="" class="qhd-pr" src="images/ys.png" style="width: 260px; height: 60px; top: 20px;" /></p></div></div></div><!-- End_Module_216343 --></div></div></div></div></div></footer><!-- ==================== E footer ==================== --><!-- ==================== S bottom ==================== --><section class="bottom"><div id="a1portalSkin_bottomAreaA" class="QHDEmptyArea page-width clearfix"></div></section><!-- ==================== E bottom ==================== --></div><!-- end of wrapper --><!-- S fixed-bottom --><div id="a1portalSkin_fixedBottomArea" class="QHDEmptyArea fixed-bottom"></div><!-- E fixed-bottom --><!-- S fixed-side --><div id="a1portalSkin_fixed-left" class="QHDEmptyArea fixed-side fixed-left"></div><!-- E fixed-side --><!-- S fixed-side --><div id="a1portalSkin_fixed-right" class="fixed-side fixed-right"><!-- Start_Module_216344 --><a name="26330" id="26330"></a><div class="module-default"><div class="module-inner"><div id="a1portalSkin_ctr216344216344_mainArea" class="module-content"><!-- Start_Module_216344 --><div class="link-fixed-side"><ul><!-- <li class=""><a href="#" class="link-name" target="_blank"><i style="background-image:url(images/3f346a9c-bea9-4553-9f80-0ee4c3c0e7d2_32_32_uniformfill.png);" alt="找老师"></i><span>找老师</span></a></li><li class=""><a href="#" class="link-name" target="_blank"><i style="background-image:url(images/ce1199d2-6a54-443b-8ebb-6c5e44aaa791_32_32_uniformfill.png);" alt="在线客服"></i><span>在线客服</span></a></li><li class=""><a href="javascript:;" class="link-name" target="_blank"><i style="background-image:url(images/58996783-9783-4f9e-827e-07ee80a3e1ec_32_32_uniformfill.png);" alt="服务热线"></i><span>服务热线</span></a> --><div class="link-summary"><i class="arrow-section-r"></i><div class="link-summary-content"><div class="qhd-content"><p style="text-align:center;">400-123-4567</p></div></div></div></li><!-- <li class=""><a href="#" class="link-name" target="_blank"><i style="background-image:url(images/cce6d5f8-3515-486a-9c52-413961832741_32_32_uniformfill.png);" alt="微信二维码"></i><span>微信二维码</span></a></li>--></ul></div><!-- End_Module_216344 --></div></div></div></div><!-- E fixed-side --><!-- S popup --><div id="popup" class="popup"><div class="popup-content not-animated" data-animate="fadeInDown"><div id="a1portalSkin_popup-area" class="popup-content-wrapper"><!-- Start_Module_216345 --><a name="26331" id="26331"></a><div class="module-default"><div class="module-inner"><div id="a1portalSkin_ctr216345216345_mainArea" class="module-content"><!-- Start_Module_216345 --><div class="qhd-content"><p style="text-align: center;"> <img alt="" src="images/weixin.png" style="width: 180px; height: 180px;" /><br />扫描二维码关注最新动态</p></div><!-- End_Module_216345 --></div></div></div></div><div class="popup-close-btn"><a href="javascript:;" title="关闭"><span>关闭</span></a></div></div><div class="popup-overlay"></div></div><!-- E popup --><!-- E go top --><div class="gotop-wrapper"><a href="javascript:;" class="fixed-gotop gotop"></a></div><!-- E go top --><!-- 外部脚本 --><!--58()做最好的整站模板下载网站--> </body></html>
四、学习资料
~ 关注我,点赞博文~ 每天带你涨知识!
相关问题可以相互学习,可关注↓公Z号
html期末设计——电影我不是药神响应式页播(4页) HTML+CSS+JavaScript 大学生电影网页作品 影视网页设计作业模板 =