jquery - 使用 html 和 css 创建带有座位号的场景表示的最佳方法

标签 jquery html css

我需要表示一个场景计划,用户可以在其中选择几个座位,并可以通过单击来购买。

我会使用一个简单的 HTML 图像映射,但我的小手指说这不是最有效的方法。

那么,仅使用css和html(或Jquery,甚至插件),我该如何做到这一点?

当鼠标经过座位时,一种工具提示实际上会给出座位号,并且座位本身的颜色可能会改变。

图像映射是个好主意吗?

最佳答案

图像映射不是一个好主意。

正确的方法是使用 HTML 和 CSS 创建所有座位,并使用点击时的 jQuery 事件来执行购买座位的操作。

对于工具提示,谷歌上有一堆插件,只需进行简单搜索即可,我最喜欢的是 qTip2

关于jquery - 使用 html 和 css 创建带有座位号的场景表示的最佳方法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16704969/

相关文章:

javascript - 卸载 html 5 视频的播放延迟

javascript - jQuery DataTables : display rows in the original data source order, 同时保持排序功能可用

html - 如何响应地设置列表填充/边距

html - 使表格单元格的边框为表格宽度的 100%

html - React - 如何在平板电脑上只显示背景图像的一半,在手机上显示 1/4

javascript - 为每个第三个元素添加类并排除具有 X 类的元素

javascript - 如何在 JavaScript 中使用 x,y 坐标模拟点击?

javascript - 创建新的待办事项代码生成错误

html - @font-face 源中的相对 URL 不起作用

html - 在 Bootstrap 4/SASS 中使用媒体断点 - _breakpoints.scss 不知道 $grid-breakpoints