HTML CSS 网页设计作业：电影在线观看网站设计——电影售票平台(8页) HTML+CSS
文章目录
HTML CSS 网页设计作业：电影在线观看网站设计——电影售票平台(8页) HTML+CSS一、作品展示二、文件目录三、代码实现四、完整源码一、作品展示
二、文件目录
三、代码实现
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>确认订单</title><link href="css/default.css" rel="stylesheet" type="text/css" /><script type="text/javascript" src="css/jquery.js"></script><link href="css/sub.css" rel="stylesheet" type="text/css" /></head><body><div class="header"><div class="top_img"><div class="logo"><a href="#"><img src="images/logo.gif" width="300" height="80" /></a></div><div class="rx"><img src="images/topad.gif" width="500" height="100" /></div><div class="top_nav"><p><a href="#"> 快速订票系统入口</a> </p><p><a href="#"> 最新优惠活动中心</a></p></div><div class="clear"></div></div><div class="menu"><ul><li id="a1"><a href="index.html">首页</a></li><li id="a2"> <a href="websj.html">热门影片</a></li><li id="a3"><a href="case.html">正在热映</a></li><li id="a4"><a href="product.html">即将上映</a></li><li id="a5"><a href="list.html">经典回味</a></li><li id="a6"><a href="tuiguang.html">全球首映</a></li><li id="a7"><a href="#">热门活动</a></li><li id="a8"><a href="sub.html">优惠专区</a></li><li id="a9"><a href="contact.html">放映时刻表</a></li></ul></div></div><div class="contenter"><div class="left"><div class="right_4"><h2><span><a href="#"> 更多影片 </a></span>正在上映推荐 </h2><div class="inner022"><table width="100%" cellspacing="0" cellpadding="0" border="0"><tbody><tr><td width="140" height="135" align="center"><a href="#"><img width="120" height="100" src="images/index_r_03_seo.gif"></a></td><td><a href="#">超凡蜘蛛侠</a><p>主演:成龙、谢霆锋</p></td></tr><tr><td width="140" height="135" align="center"><a href="#"><img width="120" height="100" src="images/index_r_03_seo2.gif"></a></td><td><a href="#">复仇者联盟</a><p>主演:周星驰、梁朝伟</p></td></tr><tr><td width="140" height="135" align="center"><a href="#"><img width="120" height="100" src="images/index_r_03_seo3.gif"></a></td><td><a href="#">枕边凶灵</a><p>主演:安德鲁·加菲尔德</p></td></tr><tr><td width="140" height="135" align="center"><a href="#"><img width="120" height="100" src="images/index_r_03_seo4.gif"></a></td><td><a href="#">疯魔美女2</a><p>主演:张静初·李冰冰</p></td></tr></tbody></table></div></div><div class="ad01"></div><div class="left_2 top20px"><h2>公司新闻</h2><div class="left_2_con"><ul class="sub_list"><li><a href="#">领悟科技、悟科技有限公司</a></li><li><a href="#">河南郑州市金水区活动... </a></li><li><a href="#">-10-30河南... </a></li><li><a href="#">郑州金城国际广场.研讨会成功... </a></li><li><a href="#"> 11月29日领悟科技... </a></li></ul></div></div></div><div class="right"><div class="pbanner"><script language='javascript'>linkarr = new Array();picarr = new Array();textarr = new Array();var swf_width=728;var swf_height=190;var files = "";var links = "";var texts = "";//这里设置调用标记linkarr[1] = "";picarr[1] = "images/b02.jpg";textarr[1] = "";linkarr[2] = "";picarr[2] = "images/b01.jpg";textarr[2] = "";linkarr[3] = "";picarr[3] = "images/b03.jpg";textarr[3] = "";for(i=1;i<picarr.length;i++){if(files=="") files = picarr[i];else files += "|"+picarr[i];}for(i=1;i<linkarr.length;i++){if(links=="") links = linkarr[i];else links += "|"+linkarr[i];}for(i=1;i<textarr.length;i++){if(texts=="") texts = textarr[i];else texts += "|"+textarr[i];}document.write('<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="'+ swf_width +'" height="'+ swf_height +'">');document.write('<param name="movie" value="images/bcastr3.swf"><param name="quality" value="high">');document.write('<param name="menu" value="false"><param name=wmode value="opaque">');document.write('<param name="FlashVars" value="bcastr_file='+files+'&bcastr_link='+links+'&bcastr_title='+texts+'">');document.write('<embed src="images/bcastr3.swf" wmode="opaque" FlashVars="bcastr_file='+files+'&bcastr_link='+links+'&bcastr_title='+texts+'& menu="false" quality="high" width="'+ swf_width +'" height="'+ swf_height +'" type="application/x-shockwave-flash" pluginspage="/go/getflashplayer" />'); document.write('</object>'); </script></div><div class="right_con"><div class="curry">当前位置：<a href="#">电影</a> -- <a href="#">蝙蝠侠前传3</a> -- 确认订购</div><div class="right_content"><dl class="contact_list"><dt><img src="images/contact_l.jpg" width="201" height="219" /></dt><dd><img src="images/order.jpg" width="400" height="80" /><p><span>选择影片：</span>蝙蝠侠前传3</p><p><span>放映时间：</span>12:20</p><p><span>选择影厅：</span>1号厅</p><p><span>电影版本：</span>3D</p><p><span>单张票价：</span>30元</p><p><span>订购张数：</span><select name="" class="xz"><option selected="selected">订购1张</option><option>订购2张</option><option>订购3张</option><option>订购4张</option></select></p><p><span>选择座位：</span> <select name="" class="xz"><option selected="selected">第一排</option><option>第二排</option><option>第三排</option><option>第四排</option></select><select name="" class="xz"><option selected="selected">01座</option><option>02座</option><option>03座</option><option>04座</option></select></p><p><span>手机号码：</span><input name="" type="text" / style="_margin-top:15px;"> (获取券码使用)</p><p><input name="" type="button" class="dgbg022" value="确认支付" /></p></dd></dl></div></div></div><div class="clear"></div></div><div class="footer"><div class="footer_nav">领悟科技旗下：电影售票系统 <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><p>您是305818 位访客 欢迎您的光临！<br />海南领悟科技 版权所有 豫ICP备01025000148号 <br />广告部：0371-6699999 / 668888 业务部：0371-6677777 / 66555577 / 66665555 / 155998899 </p></div></body></html>
四、完整源码
~ 关注我，点赞博文~ 每天带你涨知识!
相关问题可以相互学习，可关注↓公Z号 获取更多源码
