Html+css+Jquery模拟电影院购票

最新推荐文章于 2024-06-28 01:35:57 发布

Jonny Lin

最新推荐文章于 2024-06-28 01:35:57 发布

阅读量6.4k

点赞数 2

分类专栏：前段Jquery 文章标签： jquery Html css

本文链接：https://blog.csdn.net/xhl_james/article/details/73428500

版权

该博客介绍了一种使用HTML、CSS和jQuery技术创建的2D电影院购票模拟系统。用户可以选择座位，所选座位会实时显示在待支付区域，最后用户可以确认信息完成购票流程。

摘要由CSDN通过智能技术生成

采用2D的方式模拟电影院购票的系统。选择的座位一次的追加到代付款的模块当中，最后确认信息后进行购票。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			.box{
				width: 540px;
				height: 760px;
			}
			.weizi{
				float: left;
				padding-top: 24px;
				padding-bottom: 42px;
				border-bottom: dashed;
			}
			.first span
			{
				display: inline-block;
				width: 38px;
				height: 38px;
				font-size: 13px;
				background-color: #B9DEA0;
				text-align: center;
				color: #fff;
				cursor: pointer;
				border-radius: 5px;
				margin-top: 24px;
			}
			.fourth span
			{
				display: inline-block;
				width: 38px;
				height: 38px;
				color: #fff;
				font-size: 13px;
				background-color: #B9DEA0;
				text-align: center;
				cursor: pointer;
				border-radius: 5