js电影院选座功能的实现


## 样式<style>.item{width: 500px;display: flex;justify-content: space-around;}.item>div{width: 44px;height: 44px;line-height: 44px;text-align: center;background-color: lightblue;border-radius: 50px;margin-left: 5px;margin-top: 5px;}div.first{width: 66px;}.onchart{background-color: yellow !important;}</style>


## css部分<div class="box"> </div>


## js部分var box = document.querySelector(".box");var title = document.createElement("div");title.style.width = "498px";title.style.color = "red";title.style.fontWeight = "bold";title.style.textIndent = "10px";title.style.marginTop = "10px";title.style.border = "1px solid black";test(7,12,box);function test(h,l,target) {for (var i = 0; i  < h ; i++){(function (i) {var item = document.createElement("div");item.setAttribute("class" , "item");target.appendChild(item);for (var j = 0 ; j < l ; j++){(function (j) {var div = document.createElement("div");if (j == 0 ){div.setAttribute("class" , "first");div.innerText = "第" + (i+1) + "排"}else {div.setAttribute("class" , "chart");div.innerText = j;div.onclick = function () {this.setAttribute("class" , "onchart");var p = document.createElement("p");p.innerText = "第" + (i + 1) + "排 第" + j + "号";title.appendChild(p)}}item.appendChild(div);})(j)}target.appendChild(title)})(i)

js电影院选座功能的实现相关推荐

php 影院选座js代码,在react中用canvas做一个电影院选座功能
又到了每日分享了.这次分享的是:在react中用canvas做一个电影院选座功能. 前言:项目采用create-react-app脚手架,就是做了一个效果所以只有一个页面但是也用了react-rout ...
做一个电影院选座功能-前端
项目采用create-react-app脚手架,就是做了一个效果所以只有一个页面但是也用了react-router-dom路由把details作为path='/'首页了. 一.App.js impor ...
css实现简单的电影院选座功能
实现原理:把每个座位看成一个对象,可以添加自己要的属性.每一行是一个数组,有多个座位对象.总数也是一个数组,包含多行. <template><div>请输入宽度:<el- ...
Java----使用二维数组完成一个电影院选座系统
用Java的二维数组来完成模拟一个电影院选座系统模拟座位这里先定义一个二维数组,用来模拟电影院的座位 public class ChooseSeat{public static void main ...
视频教程-react电影院在线选座功能-ReactJS
react电影院在线选座功能北京八维研修学院技术工程师,5年大型项目实战开发经验,3年授课经验. 孟宪杰 ¥29.00 立即订阅扫码下载「CSDN程序员学院APP」,1000+技术好课免费看 AP ...
选座php,ticketbooking 电影院在线售票系统,可以选座功能和订票，分为前台管理和后 WEB(ASP,PHP,...) 246万源代码下载- www.pudn.com...
文件名称: ticketbooking下载收藏√ [ 5 4 3 2 1 ] 开发工具: ASP 文件大小: 783 KB 上传时间: 2015-04-17 下载次数: 4 提供者: ...
教你敲代码实现在线电影票选座功能
网上购票如此的方便,那么我们能用HTML5+JavaScript实现一款在线电影票的选票功能吗? 答案是肯定的,今天我们就来借助jQuery的jQuery-Seat-Charts插件来实现在线电影票选 ...
基于微信小程序电影院选座订票系统计算机毕设源码26840
摘要随着我国经济迅速发展,人们对手机的需求越来越大,各种手机软件也都在被广泛应用,但是对于手机进行数据信息管理,对于手机的各种软件也是备受用户的喜爱,电影院选座订票系统小程序被用户普遍使用,为方 ...
android studio电影院选座,8排电影院选座最佳位置
8排电影院选座最佳位置在哪里呢?8排电影院属于小影厅,小影厅银幕宽度在10米以下,座位100以内,座位排数通常拥有8-14排,小影厅整体空间小,选座时要选中间稍靠后一些的位置.由于整体排数少,因此选即 ...

js电影院选座功能的实现

js电影院选座功能的实现相关推荐

最新文章

热门文章