在本文中，我将向您解释我是如何创建自己的Windows 10悬停效果日历的
本文可能有点复杂，但这是针对初学者的，如果您已经精通JS，并且知道Grid悬停逻辑，则可以快速遍历代码以了解发生了什么。如果基础较差也没关系，建议点赞收藏日后慢慢研究
观察结果
1.毫无疑问， 这里使用了“网格悬停”效果，但是在光标周围的每个方向上突出显示了一个以上元素的边框，即，元素后面的元素也被突出显示了 2.日期没有按钮悬停效果 3.网格悬停效果不适用于活动日期（今天的date）元素。 4.默认情况下，活动日期在边框和背景之间有一个空格。如果选择其他日期，则消除间隔。 5.点击日期（非有效日期）只有一个彩色边框 6.活动元素的边框被照亮
入门
您可能已经猜到了，我将从网格效果代码开始。
网格的前7个元素是星期名称和休息日期。由于日历一次显示42个日期，因此我在中添加了42个win-btn元素win-grid。一些日期处于非活动状态，其中之一处于活动状态，因此我相应地添加了类。
HTML
代码语言：javascript复制
