Jquery box enlarges according to the area where the mouse is located_jquery

The effect is as follows:

Implementation code: Refresh with F5 after running

<title>Jquery box enlarges according to the area where the mouse is located </title> <style type="text/css"> *{margin:0;padding:0;} .dock { text-align:center;} .dock div{width:8px;height:8px;border:1px #dfdfdf solid; background:#dfdfdf;margin:2px auto; line-height:0px;overflow: hidden;} </style> <div class="dock"> </div>
[Ctrl A select all Note:

If you need to introduce external Js, you need to refresh to execute ]