鼠标移入事件：移入内容，内容不会消失。

一般的鼠标移入事件，只会给他的按钮设置移入移出，而我今天写的就是内容的移入移出（不影响按钮移出和移出）
2.
（开头是源代码和样式，js在最后）

先给他设置个按钮，button就是按钮了，在按钮里面设置类名和id，后面可以添加文字，鼠标还没移入之前显示的是查看状态。
3.

然后是按钮里面的内容，可以用一个类把他包裹住，然后我用表格的形式来做按钮内容，table是作为表格的意思，其次是表行，作为表格的一行，第一行是用表头（th），然后后面就是表格单元（td）,可以设置多个。
4.

之后就是样式了，给包裹住内容的div设置样式，宽给他设置550像素，背景为白色，后面是绝对定位（相对定位比较好点），盒子的位置，左为0，上为22像素。后面的display是隐藏表格里的内容。
5.

Img是表格的类，里面宽度百分之百，后面是一些小细节（后面展示图会看到）
6.

为什么没有设置高度呢，因为只要用字的大小来撑开，表头和表格单元分别设置了居中和内边距为8像素，这样上右下左都为8像素。td的上边框设置了1像素实体线的蓝色（后面展示图会看到），tr里面偶数设置了颜色。
7.

接下来就是js了，导入之前的id，
Sbyrsj鼠标移入时，header就会显示内容，而后sbyrsj里的查看会变成收起。
后面的则相反。Sbyrsj鼠标移除事件，header就会隐藏，，而之前的收起就会变成查看。
正常的鼠标移入到这里就会结束，而我要做的是移入内容不会触发鼠标移除，直到移除内容。
Mc是下面内容的全部
8.

这里才是重头戏，这里的mc表示的是这里的内容都会带到上面那一层，相当于在那里面写了这些内容。同样是导入id，不过，这次的主要内容不是sbyrsj了。Header，鼠标移入是，header就会显示，而查看就会变成收起。和上面的一样，第二句也是相反的，header，鼠标移出，header 就会隐藏，而收起就会变成显示。
9.
接下来是效果图了，之前的样式是这样的，截图工具有问题，所以鼠标没在上面（其实鼠标在里面）