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

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

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

法：先解决底层，然后中层，最后是顶层。 魔方不是一面面玩的，而是一层层的来完成的 那么怎么玩六面呢，过程其实就是第一层，第二层，第三层！ 知道了吗 详细步聚: 第一层 (你要是这一层本来就懂的，请直接跳到第二层） 这第一层是非常重要的！可以这么说，你有能力完成一面，也就有能力完成六面了！只是方法问题，不会伤你太多脑细胞的。我说的一面稍稍有一点点伤你的脑细胞，我要求你完成的一面，周围的颜色要统一的。 可能你以前也玩过没注意过这个问题，但今天你要做＂高手＂就必须要按这种方式来玩了，是不是难很多了？这样吧，先假设你现在拼的一面是黄色，先随便找一个颜色拼好，比如黄色还有一个中间色，然后找一个又有黄色又有蓝色还有一个其它色的角块（找到一个红色哦）拼好它，接着再找一个黄色又有红色的中心块再拼，然后同理一圈就完成啦。如果有一块黄色本来就在上面但颜色不对，换走它，找到对的那块直到拼成一圈。 第二层 为了看图方便，这里必须先讲一些英语符号，国际上别人的站也是用这种方式来标的，所以你学会这几个符号要是见到人家外国人的网页也可以看得懂怎么来扭了。 我们现在假设魔方是定住的那么相对我们来说就分成了：前(F)，后(B)，左(L)，右(R)，上(U)，下(D) 六个面 Front = 前面 Back = 后面 Left = 左面 Right = 右面 Up =上面 Down = 下面 其中以上全是以顺时针 转一下，即转动90度角 如果是加了个单引号'， 即表示反时针转动90度 如果加了个2，表示转动 两下 ，即转动180度， 其实在转动180度后， 无论是顺时针转动180或 反时针转动180度的结果 都是一样的。所以有时看 你顺手的方向自己选择正 还是反时针来转180度。 如果你在完成一行后，把魔方翻过来，让那一面在底，并把颜色扭到对准中心位置。 你就会发现大概有两种这样的情况： 解法一： U R U' R' U' F' U F 解法二：(其实跟上面一样，只是方向相反) U' L' U L U F U' F' 用上面的一个方法把它换出来然后再转成上面的形状再来一次就可以了 当然如果你是一个很有心学习的人，可以背下面这个比较长的公式直接把这个掉反来 解法：F2 U2 R' F2 R U2 F U' F 第三层 一般会有如下三大种情况： 我们现在的目标是： 十字! 解法你只要背熟一个公式！R' U' F' U F R 如果十字已经出现,我们现在先把它调到对齐中心色,当然,不一定一次就可以成功的,可能还需要换一下位置, 换位置的公式很容易,这个公式是将左和前的棱相互交换 RUR'U R U' U' R' 很好,你的十字已经四面对齐了中心,接下来就是换角就可以了,换角这个时候用另一个公式 L'RUR'U'LURU'R' L'RU'LUR'U'L'UL 好了,最后完成时刻! 先L'RUR'U'LURU'R' 整个魔方转个U ,然后来个 L'RU'LUR'U'L'UL 如果还没完成?别动,先把魔方转个U',继续刚才的步骤! L'RUR'U'LURU'R' 整个魔方转个U ,然后来个 L'RU'LUR'U'L'UL这次一定行!

---