How to realize the effect of Mouse floating frame by js

This article mainly introduces js how to achieve the mouse floating frame effect, has a certain reference value, interested friends can refer to, I hope you can learn a lot after reading this article, the following let the editor take you to understand it.

The details are as follows

Document # box {width: 500px; min-height: 400px; _ height:400px; margin: 200px auto; background-color: # ccc; margin-top: 20px; position: relative;} .follwDiv {width: 200px; height: 100px Background-color: # d64e4e; color: black; border: solid 1px # 9c2c2c;} .text {display: inline; width: auto; height: 50px; line-height: 50px; text-align: center; / * border: solid 1px red * /} follow the prompt box of the mouse and the feeling of Chang'e Flying in China

China is the most populous country in the world! Var ores=document.getElementsByClassName ("follwDiv") [0]; / console.log (ores); ores.style.display= "none"; ores.style.position= "absolute"; var aText=document.getElementsByClassName ("text"); for