我们先写一个遮罩层
Html部分：
新建三个文档html、css、js文档各一个在html中引用css和js文档
然后在“body”标签中给两个类名和ID相同的div”
Css部分：
把内外边距设置为“0”
给“header”宽200像素，高200像素，背景颜色为红色，设置鼠标移入图形变换
然后给“hello”宽100像素，高200像素，背景颜色为蓝色，设置样式为隐藏。
Js部分：
先写一个页面加载事件，然后在里面引用id“header”和“hello”，给它们别设置一个鼠标移入和鼠标移出事件。
来看下图效果
刚打开时只有红色区域，当你把鼠标移入红色区域时，隐藏的蓝色区域就会出来
不过当你想把鼠标从红色区域移动到蓝色区域时，蓝色区域又会自动隐藏。
只要我们在js中加入一些代码，就可以实现那种效果了。
代码如下
这样就可以从红色区域移动到蓝色区域了。