问题描述
- 求教如何实现座位图展示效果？ 5C
- 本人想做个课堂座位展示图功能，后台已获得每个学生的行值和列值，请问前台要怎么弄才能有座位的效果？目前采用表格foreach，可是觉得很不好，求好的方法，求教，在线等。
解决方案
html做一个相同容量的表格，然后js通过一个2级循环遍历将每个同学的行值、列值与相应单元格联系起来，外层循环对应行值，内层循环对应列值，这样就能找到每个同学对应的表格的单元格，然后进行你想要的处理就可以了
解决方案二：
html做一个相同容量的表格，然后js通过一个2级循环遍历将每个同学的行值、列值与相应单元格联系起来，外层循环对应行值，内层循环对应列值，这样就能找到每个同学对应的表格的单元格，然后进行你想要的处理就可以了
可以写下代码给我看下吗？感激不尽。我的代码是这样，感觉好麻烦
讲 台
| ???????? |
${pews[no].name} |
???? |
| ???????? |
未到请假--> |
???? |
解决方案三：
<table><c:forEach begin=""1"" end=""${pews.rowSum}"" varStatus=""r""><tr><c:forEach begin=""1"" end=""${pews.colSum}"" varStatus=""c""><td> </td><c:forEach begin=""1"" end=""2"" varStatus=""c1""><c:set var=""no"" value=""no-${(r.index-1)*4*2+(c.index-1)*2+c1.index}""></c:set><td style=""width: 100px;"" class=""text-center""><c:if test=""${pews[no]!=null}""><button style=""width: 100px;"" class=""button ${pews[no].sex=='女'?'bg-dot':'bg-sub'} tips"" data-toggle=""click"" data-place=""top"" data-image=""${pageContext.request.contextPath}/public/image/${pews[no].sex=='女'?'girl':'boy'}.jpg"">${pews[no].name}</button></c:if></td><td> </td></c:forEach></c:forEach></tr></table>解决方案四：
建议使用Table标签，然后对每个td单元格指定背景，
相关文章
- javascript-求教各位～QQ下载页面的滚动效果如何制作 注：有的浏览器可能不能展示效果
- 网站建设-求教web前端开发钟遇到的数据传递问题
- 位图-在android中如何实现以下效果，即在图片上设置button，并且可以控制button的位置？
- js-求教，这种效果怎么实现？
- app-如何实现如下网易云音乐APP的效果
- js-如何实现在网页上展示手机功能
- imageview-houzz的标签摆动效果，求教实现思路
- 如何用javascript在服务器端将office转换成html？
- 选项卡效果-ios 同一个窗口点击不同按钮（选项卡）展示不同视图内容（类似安卓壁纸首页）
- java web-新手求教，如何判断浏览器是否开始下载？
【云栖快讯】他，一路保送，但可能不是你想象中的学霸； 他，曾是微软最年轻的技术管理者，挑战带领跨国团队； 他，后来加入阿里，成为阿里西雅图分部的第22名员工； 他，就是阿里通用计算平台负责人关涛！ 通过短视频，为你揭晓他的成长和开发计算平台的经历，以及他对未来的展望！ 详情请点击
热门推荐
- 高性能云服务器2折起
- 云服务器配置
- 技术资料
- 云计算
- 域名
- shell
- node.js
- 问答
- java
- mysql
- C++
- python
- jQuery
- Android
- asp
- PHP技巧
- jQuery教程
- JavaScript技巧
- JS
- SEO
- sql server
- mysql教程
- 前端
- 技术文集
- 技术
- 主题地图
- A
- z
- 云服务器哪家好
- API
- 大数据
- 云安全
- 云存储
- 云计算
- 获取公众号授权失败
- 兼容性疑难解答
- path
- stm32
- jsonobject
- product
前三篇
- gitblit 服务器无法启动
- MFC中cstring放入结构体的释放
- 线程-socket通信中，socket建立连接后能进行长时间的反复读写操作吗？
后三篇
- extjs-EXTjs页面submit后 action.result接收不到参数？？
- java web-javaweb servlet访问另外一台机器
- WebKit自带的浏览器MiniBrowser打开某些网页时布局混乱问题
(yq.aliyun.com)为您免费提供js-求教如何实现座位图展示效果？相关信息，包括
jscss位图jsp
的信息
，所有js-求教如何实现座位图展示效果？相关内容均不代表的意见！
该页面h5页面的地址是：https://m.aliyun.com/yunqi/wenzhang/show_86223，您可以点击js-求教如何实现座位图展示效果？-手机站访问。
时间： 2024-08-31 00:56:40