html 魔方布局，如何实现‘’点击1和2两个方块就选中它们之间的全部方块‘’的功能

给每个小方块按照一定规则编号，例如坐标，加到class或id或自定义属性上。再立个flag标记是否选择状态，点击1-1号方块进入选择状态，改flag状态。再点击另一个方块，根据坐标关系选中相应的方块。其中小细节很多，考验逻辑思维能力。

ps.这是有赞的吗？几年前老板就让我仿造这个做一个魔方，挺头疼，那时还不叫有赞，叫什么我忘了。

为了记录下复原、转乱的过程或公式的步骤，会用Singmaster符号来书写（由David Singmaster发明）。书写方式如下： 　F、B、L、R、U、D分别代表前、后、左、右、上、下层。 若是顺时钟旋转，则直接写上符号；若是逆时钟旋转，则在符号后加上“'”或是“i”；若是旋转半圈，则在符号后加上“2”或是“&sup2”。 若要更加详细纪录整个过程，还会使用以下符号： 　x、y、z分别代表将整个魔方做R、U、F，因为在速解魔方的时候，并不会总是将一个面朝向自己。 f、b、l、r、u、d分别代表前、后、左、右、上、下两层，代表连中间层一起转。 M、E、S代表旋转中间层，相当于l'L、d'D、f'F。在最少步骤还原的比赛中，规定： 　x、y、z不记步数。 F、B、L、R、U、D旋转90°或180°都算做一步。 M、E、S旋转90°或180°都算做两步。

---