一样简单的覆盖层，覆盖层绘制如果计数非常简单，但这里它并没有那么简单，但在我前面已经选择了一个麻烦生成div，而不是显示存在的div，有这么少的点需要特别注意：

1、盖层出现后，鼠标甚至不动，已经在盖层，不再给出div区域，所以要注意显示器的位置；

2、onmouseout和OnMouseOver是瞬间触发的，这是非常重要的。

三.在实际应用中，现有的div显示比临时创建更有效。

所以我还是把代码，事实上，以前的地方没有改变，我只能记录的变化，在哪里添加时，班长吗


getonediv =函数（）{ var

var div = document.createelement（div）；
div.style。位置=绝对；
div.style。显示为块；
div.style。zIndex =10；
div.style。背景=黄色；
Div.addEventListener（mouseout
var x = event.clientx；
var y = event.clienty；
左= x-test.offsetleft；
最高y-test.offsettop；
右offsetleft + test.offsetwidth-x测试；
offsettop + test.offsetheight-y底=测试；
ARR = { }；
Arr.push（上）；
Arr.push（右）；
Arr.push（下）；
Arr.push（左）；
VaR最小= findleast（ARR）；


如果（最小= 1）{
}
如果（最小= 2）{或/或在同一时间改变距离和宽度。
div.style。左=测试。offsetleft +PX；
div.style。最高的测试。offsettop +PX；
div.style。高度=测试。offsetheight +PX；
div.style。宽度=宽度+PX；
无功changewidth2 = setInterval（）{（）函数（
如果（div.offsetleft > =测试。offsetleft +测试。offsetwidth）{
ClearInterval（changewidth2）；
检查= true；
其他{ }
marginleft = marginleft + 10；
宽度= width-10；
div.style。宽度=宽度+PX；
div.style。左= marginleft +PX；
}
}，30）；
}
如果（最小= 3）{

}
如果（最少= 4）{左/左，宽度为一个全局变量，这将不断减少。
div.style。左=测试。offsetleft +PX；
div.style。最高的测试。offsettop +PX；
div.style。高度=测试。offsetheight +PX；
div.style。宽度=宽度+PX；
无功changewidth1 = setInterval（）{（）函数（
如果（div.offsetwidth <= 0）{
ClearInterval（changewidth1）；
检查= true； /这里是键。
其他{ }
宽度= width-10；
div.style。宽度=宽度+PX；
}
}，30）；
}
}）
返回div；
}


它是如此简单，实现简单的画图效果，看它是否已经成型，但不得不说，这是不好的极端，有很多点没有添加，除了很多情况没有考虑到，而且这个重复的代码写的样子，优化…