div+css静态网页设计——电影售票平台(8页) HTML+CSS+JavaScript 学生DW网页设计作业成品
HTML CSS 网页设计作业:电影在线观看网站设计——电影售票平台(8页) HTML CSS
一、作品展示
二、文件目录
三、代码实现
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/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((Search Engine Optimization)).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_SEO((Search Engine Optimization))2.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_SEO((Search Engine Optimization))3.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_SEO((Search Engine Optimization))4.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="#">2010-10-30河南... </a></li>
<li><a href="#">郑州金城国际广场.研讨会成功... </a></li>
<li><a href="#"> 10年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] = "http://www.百度.com";
picarr[1] = "images/b02.jpg";
textarr[1] = "";
linkarr[2] = "http://www.百度.com";
picarr[2] = "images/b01.jpg";
textarr[2] = "";
linkarr[3] = "http://www.百度.com";
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="http://fpdownload.macromedia.com/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="https://blog.csdn.net/m0_65484028/article/details/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="http://www.macromedia.com/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号 获取更多源码
这篇好文章是转载于:学新通技术网
- 版权申明: 本站部分内容来自互联网,仅供学习及演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,请提供相关证据及您的身份证明,我们将在收到邮件后48小时内删除。
- 本站站名: 学新通技术网
- 本文地址: /boutique/detail/tanhgbhaei
系列文章
更多
同类精品
更多
-
photoshop保存的图片太大微信发不了怎么办
PHP中文网 06-15 -
Android 11 保存文件到外部存储,并分享文件
Luke 10-12 -
《学习通》视频自动暂停处理方法
HelloWorld317 07-05 -
word里面弄一个表格后上面的标题会跑到下面怎么办
PHP中文网 06-20 -
photoshop扩展功能面板显示灰色怎么办
PHP中文网 06-14 -
微信公众号没有声音提示怎么办
PHP中文网 03-31 -
excel下划线不显示怎么办
PHP中文网 06-23 -
怎样阻止微信小程序自动打开
PHP中文网 06-13 -
excel打印预览压线压字怎么办
PHP中文网 06-22 -
TikTok加速器哪个好免费的TK加速器推荐
TK小达人 10-01