在瀏覽網頁中，我們經常會看到這種懸浮顯示div的效果：
現在我們就來實現一下：
思路：3個DIV，前兩個包起來，一個是隱藏的DIV，鼠標移到上方div時，再用JS將隱藏的div顯示出來，
html如下所示：
css樣式如下所示：
JS實現：
現在達到了這種效果：
可以看到，鼠標離開紅色快，移到綠色塊上，綠色塊就消失了，這並不是我們想要的。
將
document.getElementById("topDiv").onmouseout = hideDiv;
改為
document.getElementById("hiddenDiv").onmouseout = hideDiv;
即可解決