html鼠标划过显示浮窗,有谁知道这种网页效果如何做？鼠标悬停时，那个浮层就会显示，求推荐视频...

html>

#div{

position: relative;

width: 150px;

height: 80px;

border: 1px solid #ccc;

}

#mask{

position: absolute;

top: 0;

right: 0;

bottom: 0;

left: 0;

background: rgba(0,0,0,.5);

}

document.getElementById("div").onmouseenter = function(){

var mask = document.createElement("div");

mask.id = "mask";

document.getElementById("div").appendChild(mask);

}

document.getElementById("div").onmouseleave = function(){

document.getElementById("div").removeChild(mask);

}

基本实现思想，鄙人劣码。