createElement动态创建元素问题？

Question

如图所示完成这样一个效果，我已经用我掌握的方法写好了，那么第一个问题如何用createElement完全在JS中把效果完成，写了好几遍都不对有点摸不清头脑。包括CSS的样式用CSSTEXT实现

鼠标滑过的时候红色区域就浮现出现滑过就消失

下面是我写的代码：