如何用HTML和JS实现选座位,想要效果如下

如何用HTML和JS实现选座位,想要效果如下,第1张

<!DOCTYPE HTML>

<html>

<head>

<title>Page Title</title>

<meta http-equiv="Content-Type" content="text/html charset=UTF-8" />

<script>

var row=2,col=11,size=20,gap=5

window.onload=function(){

var wrap=document.createElement("div")

wrap.style.margin="0 auto"

wrap.style.width=(size+gap)*col+"px"

for(var i=0i<rowi++){

var rows=document.createElement("div")

rows.style.float="left"

rows.style.marginBottom=gap+"px"

for(var j=0j<colj++){

var div=document.createElement("img")

div.src="a.png"

div.style.width=size+"px"

div.style.height=size+"px"

div.style.float="left"

div.style.marginLeft=gap+"px"

div.onclick=function(){

!this.abc?this.src="b.png":this.src="a.png"

this.abc=!this.abc

}

rows.appendChild(div)

}

wrap.appendChild(rows)

}

document.body.appendChild(wrap)

}

</script>

</head>

<body>

</body>

</html>

A舱为头等舱免折、常旅客免票;

C舱为公务舱公布价,

D舱为公务舱免折、常旅客免票;

Y舱为普通舱(经济舱)公布价,

S舱为联程、缺口程等特殊舱位

B舱为普通舱9折,

H舱为普通舱85折,

K舱为普通舱80折,

L舱为普通舱75折,

M舱为普通舱70折,

N舱为普通舱65折,

Q舱为普通舱60折(含教师、医护人员、县级(含)以上劳模),

T舱为普通舱55折,

X舱为普通舱50折(含学生、长者(年满55周岁的中国大陆公民)),

U舱为普通舱45折,

E舱为普通舱40折,

W舱为普通舱35折,

R舱为普通舱30折,

O舱为普通舱25折,

Z舱为代码共享留座专用舱,

V舱为常旅客专用舱(国航知音卡旅客订座),

G舱为普通舱免折和常旅客免票。

扩展资料:

飞机舱主要分为头等舱(First Class)、 商务舱(Bussiness Class)、 经济舱(Economy Class or Coach) 。 通常价格以头等舱最高,其次商务舱,最低为经济舱。

飞机安排座位时是分舱位的,而不同的舱位对应的机票折扣不同,价格不同所得到的服务也不一样。平时订机票航空公司也会有不同的舱位。

参考资料:百度百科-飞机舱位

制作标签需要下载一个标签制作软件,根据自己的需求在软件中制作座位标签,这里以条码软件制作座位号为例,演示下相关 *** 作步骤可供参考:

打开条码软件,新建一个空白标签,选择打印机并设置标签尺寸大小,点“下一步”,依次根据提示设置标签的行列,页面边距,标签间距等信息。

利用条码软件中的“绘制普通文本”工具在空白标签上添加一个普通文本,打开普通文本的“图形属性-数据源”修改默认的数据,数据对象类型选择“序列生成”,周期设置成“20”并保存,生成一个数据1,在数据源的右侧添加一个“补齐”的处理方法,长度设置成2,保存设置后数据1就变成了01。

打印预览就可以看到01-20考场座位号是循环打印的效果。


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zaji/8173352.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-14
下一篇 2023-04-14

发表评论

登录后才能评论

评论列表(0条)

保存