推荐关注
› Meteor
› JSLint - a JavaScript code quality tool
› jsFiddle
› D3.js
› WebStorm
推荐书目
› JavaScript 权威指南第 5 版
› Closure: The Definitive Guide
› Closure: The Definitive Guide
这是一个创建于 3473 天前的主题，其中的信息可能已经有所发展或是发生改变。
http://ww2.sinaimg.cn/bmiddle/69dd3998gw1erwz95y95nj209i099dho.jpg
就是当某一行/某一列全部都是正确图案的时候，这一行/列的边框就会闪烁，有什么好的实现方案？
 |
1
xxxpara OP  补充一下，像这样，不是每个格子都闪烁 |
 |
2
zkd8907 2015-05-08 17:55:44 +08:00
控制border-bottom和border-top加class，然后第0个和第3个元素分别加border-left和border-right的class。class效果就写成z-index: 99999; shadow: xxx;这样 =。=？
|
 |
4
chairuosen 2015-05-08 18:06:38 +08:00
改需求，变成内容变亮就可以了。
你只高亮边框的话还有一个不规则边缘的判断问题，比如井字形正确时，边框如何显示？ |
 |
5
alex321 2015-05-08 18:06:58 +08:00
就是拼图嘛。我说下如果我来做的方式。
每个图片有个随机标识，每移动一次后，延迟一段时间把图片标识序列发送到后端校验一下。如果校验存在正确的情况，返回正确的标识和序列对应关系，然后前端脚本做分析并高亮处理；如果没有正确的情况，204。 实现的重点在随机标识以及移动后正确标识的识别，前端脚本的分析与高亮。 |
|
7
xxxpara OP @chairuosen 恩，我也觉得这个需求吃力不讨好
|
 |
8
flowfire 2015-05-16 19:27:09 +08:00
普通拼图 z-index:1
亮色边框 z-index:2 正确拼图 z-index:3 亮色边框在不正确的时候设置opacity 0 |
Select Language